Web design Tutorials Lesson 2.( Part 5)

HTML Lists

 You can insert a billeted list onto your page with markup language. There area unit 2 kinds of lists to decide on from: Ordered List and Unordered. associate degree Ordered list is one that uses range, letters, roman numerals, or a mix. Like this:

An markup language Ordered Lists

An Unordered List is that uses bullets Like this

An markup language Unordered Lists

To get a listing with numbers or letters this tag is used:





The LO stands for Ordered List, of course. however those 2 tags will not get you a listing. you wish to incorporate another tag, the LI tag. LI stands for List Item. you wish one try of LI tags for each item in your list. therefore for 3 things, the code is this:

An markup language Ordered Lists with List Item tags

(Strictly speaking, you do not would like the tip LI tags.)

To get the billeted list, the UL tag is employed. UL stands for Unordered List. It's utilized in precisely the same means. simply substitute the LO tags for UL tags.

For each the Ordered and Unordered list  you'll be able to specify which sort you wish to use for the bullets or numbers the kinds area unit these:

Ordered List varieties

You use the kinds like this:

Ordered List sort Letters

You can specify a begin, as well. however the beginning has got to be a number:

Ordered List sort begin numbers

So that List are great letters beginning at the seventh letter, or 'G'.

There area unit 3 kinds of bullets you'll be able to use for unordered lists: Disc, Circle, and Square. you employ them like this:

Unordered List varieties
The default is Disc.

therefore if you wish spherical black circles for your bullets, you'll be able to miss the sort attribute off:

Notepad showing the markup language for associate degree Unordered List

And here area unit the ends up in a browser:

Try out the assorted lists in your markup language code, and add the various varieties to the code. That means you'll get a grieve however they're used and what they appear like In the next section you will get associate degree introduction to Cascading Style sheets.