Top Ten Tips - Learning HTML Basics
By Tip Diva | Jan 13, 2008
Categories: Coding, Computer, Creativity, Editing, Files, HTML, Internet, Social Networking, Technology, Tips, Web, Websites
Many websites - blogs, social networking platforms and online communities, in particular - allow you to use Hyper Text Markup Language (or HTML, for short), to spiffy up your posts. Basic HTML allows you to change your font, add images, create links and more. Here are some of the most popular HTML tags used on those websites. The code in green is what you would actually use on the websites. HTML codes are always in the more-than (>) and less-than (<) brackets. The first set of brackets is called the “opening tag.” You then put the information you’d like to change. Afterwords, you may have to end it with a ”closing tag,” which always has a backwards slash (/). If you need more explanation or want to try more difficult codes, try Annabella’s HTML Help.
- Change Your Font Color - <font color=”color or hex code“> will change your text to red. Close with the </font> tag. Here’s a list of HTML color codes and names.
- Change Your Font Size - <font size=”number“> will change your font size. Close with the </font> tag. Font sizes range from 1 to 7, with 1 being the smallest and 7 the largest. The font size used here is 5.
- Change Your Font Typeface - <font face=”name of font“> will change your font typeface. Close with the </font> tag. Here’s a page about web-safe fonts.
- Change Your Font Style - Use the following to change your font typefaces: <b> (close with </b>) will make your font bold; <i> (close with </i>) will make your font italic; <u> (close with </u>) will underline your font; and <s> (close with </s>) will put a
strikethrough your font. - Justify Your Font - <p align=”right, left or center”> (close with </p>) will justify your text to the right, left or center.
- Insert An Image - <img src=”http://www.imageurl.com“> will insert an image. You do not need to close this tag. You cannot put a picture from your computer here; it must be hosted on a website. Photobucket and ImageShack are two popular places to store photos, and they will generate the HTML code for you.
- Insert A Link -
<a href=”http://www.yoururl.com“>Link Name Here</a> will make a link for you. - Insert An E-Mail Link -
<a href=”mailto:yourname@youremail.com“>E-Mail Me</a> will create a link for someone to e-mail you (or in this case, Tip Diva). - Create A Marquee - <marquee> (close with </marquee>) will create:
- Creat A Horizontal Rule - <hr> (no closing tag) will create the line below:
What is your favorite HTML code?
Other Tips To Check Out:
I often use the ‘blockquote’ tags
to put a quote in the centre of the page:
Thanks, Ken! That tag is very helpful for blogs, especially.
Great tips, you’ll get featured on my carnival!
It should probably be noted that the ones that don’t have an ending tag (like <br>) should be ended with a slash: <br/> for maximum compatibility. It isn’t necessary on HTML pages, but XHTML requires it. For example Blogger layouts easily break if you leave it out.
Thank you, Sutocu, for the tip, and for adding the post to your carnival!
Thank you. Very helpful.
Peace and wonder,
CG