|
This is a break tag, and it is the html equivalent of hitting the return key. Notice how it has /> at the end of it. This is XHTML at work. Regular old HTML allows you to just put <br>, but XHTML requires all tags to close. You could just as easily do this <br></br>, but it is ugly, and way easier to do it the other way. This is how XHTML handles 1 tag tags, just throw /> on the end of it.
Which brings us to the next tag:
<imgsrc="http://www.google.com/intl/en_ALL/images/logo.gif"/>
this is the Image tag. Aside from the anchor, it is probably the most used and important tag of the bunch. This is how you show, you guessed it, Images. Notice how it closes itself, just like the break tag. It also has an attribuite, just like the anchor. In this case it is “src”, or source. This tells the tag where to find the image it will display. Without getting into stuff we will be building on later, there isnt mouch more to this. You can also add the “alt” tag to set text to display when either the image is missing, or if the cursor is hovering over the image. It would look like this:
<imgalt="This picture comes from google."src="http://www.google.com/intl/en_ALL/images/logo.gif"/>
Next are order and unorderd lists:
<ul>
<li>this is an unordered list</li>
<li>this is an unordered list</li>
<li>this is an unordered list</li>
<li>this is an unordered list</li>
<li>this is an unordered list</li>
</ul>
<ol>
<li>this is an ordered list</li>
<li>this is an ordered list</li>
<li>this is an ordered list</li>
<li>this is an ordered list</li>
<li>this is an ordered list</li>
</ol>
if you look at your document in the browser, you can see the difference between the two. Both have to have the <li></li> tags inside for each item, these are, List Items. Hard concept, eh? They are pretty much self contained, as you can see. They automatically separate themselves from the surrounding tags, so no need to use
|