HTML How to Lesson Three

Lesson Three

Lets learn next about line breaks <br />, unordered lists <ul>, and ordered lists <ol>.

EXERCISE THREE

Open up index.htm in Notepad, and add the new code:

<html>

        <head>

        <title>My First HTML Page</title>

        </head>

        <body bgcolor="#ffffcc">

        <h1>My First HTML Page</h1>

        <p>Simple isn't it - a home made webpage in minutes. Paragraphs include automatic line breaks and spaces - but you can also add them using the break tag like this<br /> or like<br />this</p>

        <p><em>This line will show as emphasised, I have learnt a new tag.</em></p>

        <p><strong>This line will show as strong, I have learnt another new tag.</strong></p>

        <h2>Unordered List of Fruit</h2>

        <ul>

        <li>Banana</li>

        <li>Apple</li>

        <li>Mango</li>

        </ul>

        <h2>Ordered List of Fruit</h2>

        <ol>

        <li>Apple</li>

        <li>Banana</li>

        <li>Mango</li>

        </ol>

        </body>

        </html>

NOTE 1. The <br /> tag does not come in pairs - it can be used in any number, including on its own. It can be used in many places, not just inside a paragraph. Quite simply, use it when you need one or more breaks.

NOTE 2. The lists include the usual pair of tags<ol></ol> and <ul></ul>, but each list item also has its own pair of tags <li></li>.

NOTE 3. H2 is another default style of bold header text, along with h1, h3, h4, etc.

How is it looking? Any problems? check that code carefully to see if its identical to the above.

How To HTML! Lesson Three

Lesson Three