Learn: Site Creation Tutorial

Home

Learn: Site Creation Tutorial - Part 4

Now, we are going to make a list of links. It's very easy.

To start with an unsorted list write <UL>. Ok, now we've got a list - an empty list - let's change that. To add an element to the list you just have to write <LI>, and enter some text right afterwards. Make sure to close the element: </LI>. You can add more elements in the same way. When you've got enough, close the list with </UL>. Let's see how it looks in our example.

    <HTML>
    <HEAD>
    <TITLE>My first Homepage</TITLE>
    </HEAD>
    <BODY>
    <H1>This is my first Homepage</H1>
    <TABLE BORDER>
    <<TR>
    <TD>Hi, I'm Kevin, and I just started HTML programming,
    my hobbies are: HTML programming, chasing burglars, etc...
    </TD>
    <TD><IMG SRC="mypicture.jpg">
    </TD>
    </TR>
    </TABLE>

    <UL>
    <LI>Homemade burglar plans</LI>
    <LI>Microwave fastfood</LI>
    </UL>
    </BODY>
    </HTML></pre>

And, as usual, here's how it looks in the browser.

htut6.gif (12401 Byte)

What? You don't want bullets? You want a numbered list instead? Nothing easier than that, just change the U's of <UL> and </UL> into O's (Ordered list). Now the file looks like this!

    <HTML>
    <HEAD>
    <TITLE>My first Homepage</TITLE>
    </HEAD>
    <BODY>
    <H1>This is my first Homepage</H1>
    <TABLE BORDER>
    <<TR>
    <TD>Hi, I'm Kevin, and I just started HTML programming,
    my hobbies are: HTML programming, chasing burglars, etc...
    </TD>
    <TD><IMG SRC="mypicture.jpg">
    </TD>
    </TR>
    </TABLE>

    <OL>
    <LI>Homemade burglar plans</LI>
    <LI>Microwave fastfood</LI>
    </OL>
    </BODY>
    </HTML>

And the normal view?

htut7.gif (12400 Byte)

OK, that's all about lists. Wait, didn't we say we were going to make a list of links? Go to the next page and we'll show you how!

Previous Next