HTML
Lists
CLICK
HERE For The Beginner Web Design Course On
Sale
Lesson - 2 HTML
Lists You Don't Want to Miss
As a beginning web designer,
you'll want all your pages to follow certain
content rules that make it easier for users to read
your copy. HTML lists can help you easily do this
without interfering with other areas of your web
page. Here are two HTML lists to help you create
order and neatness when you build
your web page with
little effort.
1. Ordered
List
An ordered list is a list of
items, tips, instructions, etc. that need to go in
a certain order. HTML ordered lists are numbered
with: 1,2,3,4... and so on. You can use ordered
lists in beginner
web site design when
offering tips on how to do something or detailed
instructions (such as 5 steps to fix a flat tire).
You can also use an ordered list to give driving
directions, cooking instructions, or any other type
of instructional list. Using numbers simplifies the
instructional process and breaks up the steps into
small bites for the reader.
The two code tags for an
ordered list are as follows (without quotes):
"<ol>" and "<li>" The "<ol>" tag
is used at the top and bottom of the list with the
closing tag being "</ol>". The "<li>"
and closing "</li>" tags will be placed
before and after each ordered item.
Example:
- Item
one
- Item
two
- Item three,
etc.
2. Unordered
List
An unordered list works
similarly to the ordered list, except it uses
bullets or other list identifiers beside each word
on the list. Unordered lists don't have to be in
any specific order. Examples include shopping
lists, a list of supplies, a list of colors, a list
of auto parts, a list of products, etc. The bullets
can be squares, circles or discs, but other fancy
bullets can be inserted with some design programs.
An unordered list can be
created with the following tag: "<ul>" with
the closing tag being "</ul>". The same
instructions apply as above with the ordered list,
using the "<li>" opening and closing tags
with each line.
Place the phrase
type="square" inside the "<ul> tag to
designate a specific type of bullet. Substitute the
word square with the word circle or disc to change
the bullet type. It will look like this:
"<ul
type="square">"
Example:
- Item one
- Item two
- Item Three, etc.
Take Your
Internet Pages to the Professional
Level
Using ordered and
unordered HTML lists can dramatically improve the
look and feel of your Web page. Bullets and lists
are commonly used in printed sales copy and on the
Web. They break up the text into easy-to-read
sections and cater to those readers who like to
scan a page quickly to get to the point! HTML lists
can boost your sales and help you reach those Web
users who are always in a hurry!
If you're new to web design
and HTML lists, take a quick look at the
complete
beginner web design training
course to become
familiar with these tags and others to make a
spectacular Web page!
CLICK
HERE to Learn Beginner Web Design Online
>>
Related Lessons:
HTML
Layouts
Web
Design
Inspiration
HTML
Symbols
Web
Design
Education
Small
Business Web
Design
Internet
Web Design
HTML Web
Design
|
