Acme Web Design Info
Build Your First Web Page with HTML
Contents
Related Articles
Super Lists!
There are several agencies in the world whose sole occupation is to understand how people use the web. One important discovery they have made is that people tend to read slower and less on a web page than they would typically read on a printed page. Knowing this gives you an advantage in how you design your web page. You probably want to avoid huge long blurbs of text and instead break in down into smaller, digestible chunks. One technique for doing this is using lists.
Code for a list looks like this:
<ul>
<li>This is list item 1</li>
<li>This is list item 2</li>
<li>This is list item 3</li>
</ul> and the result looks like this:
- This is list item 1
- This is list item 2
- This is list item 3
You can also create automatically numbered list by using slightly different code:
<ol>
<li>This is list item 1</li>
<li>This is list item 2</li>
<li>This is list item 3</li>
</ol> the result of which looks like this:
- This is list item 1
- This is list item 2
- This is list item 3
You can kind of see how the list code works by looking at the examples above. The <ul> tag tells the browser to start an unordered list, and the </ul> tag tells it to end the list. In between these two tags, the <li> tag tells the browser to add a list item, and the </li> tags tells it to end the item.
The <ol> and </ol> tags create an ordered list, which means they are numbered instead of bulleted.
To test out lists, copy the code below and paste it into your "hello.html" file between the <body> and </body> tags. Save the file and then open it in your browser by double-clicking.
Excellent! Now you know how to use some of the most fundamental tags of HTML. There is one more subject to cover before we put it all together, and that is how to construct a table in HTML.
|
