HTML Elements

Content can be other elements

<ul>
          <li>Tea</li>
          <li>Coffee</li><li>Water</li>
        </ul>

ul and li nodes

ul is an unordered list
li is a list item

Sometimes you will have more than one attribute

<img src="images/kitten.jpg" alt="Cute kitten playing wih a ball of yarn" />

img node with two attributes

img is to embed an image

Some elements are "empty"

Note the "end tag" is part of the "start tag" — <link />


            <link rel="stylesheet" href="styles/site.css" />

img node with two attributes

link is used to reference a CSS stylesheet, a separate document that contains style rules to apply to the HTML document