Newbie's Guide to Web Design - Lesson 4
Retail Sign Shops Network
Members Log-in Join the Retail Sign Shops Network List your Sign Shop Find a Sign Shop Consumer Buyer's Guide
Find a Sign Shop

Newbie's Guide to Web Design

HTML Lesson 4

Bulleted Lists

Bulleted lists are used to outline goals, objectives, main points or tasks. Bulleted lists can be created using unordered lists or by using ordered lists, these two types of lists are used similarly in html but obviously create a different effect. Let's take a look at how Unordered lists work. First open your text editor and open the document you have been working on unless you already have it open.

Now go down to the body of it and just below the "This is my first paragraph" on a new line type <ul>. Next type a list of objects or tasks whatever you decide.

You also need to put before each task or object a <li> tag this means list item, it tells the browser that this is a part of the unordered list and configures it accordingly. At the end of your unordered list enter the end unordered list tag </ul>.

Now save your page and reload it in the browser, then you will see a display of your items with the bullets. Example:

<html>

<head> <title>Brett's first web page</title> </head> <body> This is the Body of my First Web Page<br> This is the second line of my page<br> <p> This is my first paragraph<br> <ul> <li>Pick up dry cleaning <li>Get kids <li>Buy shoes <li>Go Fishing </ul> </body> </html>

Now we will look at Ordered or Numbered lists. Ordered lists or used the same way as bulleted lists except the browser will display numbers in place of the bullets. Let's create a ordered list <ol>, go down in your body to the unordered list and change the tags form unordered lists to ordered list <ol>.

At the end of you ordered list enter the end ordered list tag </ol>. When your list is complete the browser will display it with the numbers. Example:

<html>

<head>

<title>Brett's first web page</title>

</head>

<body>
This is the Body of my First Web Page<br>
This is the second line of my page<br>
<p>

This is my first paragraph<br>

<OL>
<li>Pick up dry cleaning
<li>Get kids
<li>Buy shoes
<li>Go Fishing
</OL>
<p>

</body>

</html>

Now let's move on to Lesson 5 Font formatting.

SignIndustry.com
RetailSignShops.com



» Home Page
» About Us
» Contact Us

Members Area

» Member Home Page
» Message Boards
» Business Tips
» Newbie's Guide
» How to FTP
» Internet Glossary
» Search the Database
» List your Sign Shop
» Edit Listing

Sponsored by SignIndustry.com

Home Page | Members Area | List your Sign Shop | Find a Sign Shop | Buyer's Guide

Powered by SignIndustry.com