Heather Lee's
HTML Lesson 5
More Tags
If you are at all like I was, when I first began learning HTML, you are probably itching to try your own page. I see no reason to stand in your way, lol. What I am giving you now is just a few more tags and attributes to play with.
You may notice that I haven't given you any means of changing background colors or aligning images or text. That is because HTML is meant to control the content of your web site, not the "look". Although it has been used in the past to control the appearance of pages, it is easier and more effective to use CSS* to control the layout or "look" of your site. I will give you a short overview of using CSS to that purpose once you have mastered the basics of HTML.
<meta name="author" content="Your Name Here">
<meta name="keywords" content="key words listed for your site">
<img src="path/image_name" alt="image_description" height="image_height" width="image_width" border="0">
Links<a href="url_of_link_destination">Link Text or Image</a>
Ordered Lists<ol>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ol>
<dl>
<dt>First Term</dt>
<dd>First Definition</dd>
<dt>Second Term</dt>
<dd>Second Definition</dd>
</dl>
<strong>Text that appears more important (written in bold).</strong>
<em>Emphasized text (written in italics).</em>
A Real Assignment
Ready for something a bit harder? Create a new text file and save it as page_03.html in your mysite directory. I have put together a small page of clip art for your use. Save at least 3 images from that page to your images directory. Now I want you to use all of the tags we have gone over in a single page. For example create a title, make link lists of your favorite sites on the internet, write a short description of what your site is about, and put up a couple images you like. I would also like you to try and make at least one image link. Don't forget to use meta tags. It probably sounds like a lots but it won't be too difficult.
The next lesson will go over the new tags listed above, and address many of the problems you probably ran into when putting together your web page. (I'll go over all of the ones I ran into, as well as some that friends have encountered when first starting out with HTML.)
On to Lesson 6
| Lesson 1, 2, 3, 4, 5, 6, 7 | Lesson Links | Lesson Clip Art |
*Most web designers still have mixed feelings regarding CSS, since not all browsers support it properly. The main reason I have taken the approach of using it is that I find it can create attractive and useful layouts more easily that strange uses of HTML tags. I also use it because W3 recommends the move to support CSS and XHTML in browsers and by using it in our pages we encourage the browser companies to so as well.
