HTML Basics-List tag, the ordered List, Examples using various attributes-In my previous article I explained types of lists such as Ordered List, unordered list and Definition or Description List and the unordered list in details with examples. In the unordered list, disks, circles or squares are displayed with the list items where as in the ordered the list items are marked with numbers or alphabets. Any numbering scheme appropriate to the language context such as Numbers(0 to 9), alphabets(Upper case or lower case “a to z or A to Z”), roman numerals(I,II,III,IV etc.), arabic may be used. The <OL>…</OL> tags and then the usual <li>…</li> tag is used. An optional list header tag <lh>…</lh> may be used.
 |
| HTML Basics-List tag, the ordered List, Examples using various attributes |
You may like to read on -HTML Basics - HTML Basics-list tag, the description list and attributes used in description list
<ol…</ol>
|
Opening and closing tags of the ordered list
|
<lh>…</lh>
|
To define the heading of the list(Optional ).
|
<li>…</li>
|
To define the items of the list
|
Type=”1”
|
To display the list in numerical
order(1,2,3….), this is default order
|
Type=”A”
|
To display the list in alphabetical
order(Capital alphabets or upper case as A,B,C…)
|
Type=”a”
|
To display the list in alphabetical
order(small alphabets or lower case as a,b,c…)
|
Type=”I”
|
To display the list in roman numerals(Upper
case)
|
Type=”i”
|
To display the list in roman numerals(Lower
case)
|
<ol>
<lh>Office Stationery</lh>
<li>Note Books</li>
<li>Pens</li>
<li>Pencils</li>
<li>Erasers</li>
</ol>
|
Office Stationery
1. Note Books
2. Pens
3. Pencils
4. Erasers
|
You
may like to read on - HTMLBasics - The img tag-usage and attributes used with it
<ol type=”1”>
<lh>Office Stationery</lh>
<li>Note Books</li>
<li>Pens</li>
<li>Pencils</li>
<li>Erasers</li>
</ol>
|
Office Stationery
1. Note Books
2. Pens
3. Pencils
4. Erasers
|
Note- The default order of the numbered list<ol> is 1,2,3… therefore the result of using the “type=”1” will be similar to that of without using any attribute.
<ol type=”A”>
<lh>Office Stationery</lh>
<li>Note Books</li>
<li>Pens</li>
<li>Pencils</li>
<li>Erasers</li>
</ol>
|
Office Stationery
A. Note Books
B. Pens
C. Pencils
D. Erasers
|
You may like to read on - Computercrashes-Causes and remedied
<ol type=”a”>
<lh>Office Stationery</lh>
<li>Note Books</li>
<li>Pens</li>
<li>Pencils</li>
<li>Erasers</li>
</ol>
|
Office Stationery
a. Note Books
b. Pens
c. Pencils
d. Erasers
|
<ol type=” I”>
<lh>Office Stationery</lh>
<li>Note Books</li>
<li>Pens</li>
<li>Pencils</li>
<li>Erasers</li>
</ol>
|
Office Stationery
I. Note Books
II. Pens
III. Pencils
IV. Erasers
|
<ol type=” i”>
<lh>Office Stationery</lh>
<li>Note Books</li>
<li>Pens</li>
<li>Pencils</li>
<li>Erasers</li>
</ol>
|
Office Stationery
i. Note Books
ii. Pens
iii. Pencils
iv. Erasers
|
ordered list html, html tags list, ol type= a start= b, What are the attributes of list tag, how can you make a bulleted list in html, how can you make a numbered list in html, ordered and unordered list in html example, ordered and unordered list in html example pdf, What is ordered list write the attributes of ordered list, What is ordered list various attributes with example, What is ordered list in HTML and explain the attributes of ordered list, what is ordered list discuss its various attributes with suitable example
Good Article on Ordered List
जवाब देंहटाएंबहुत उपयोगी जानकारी...
जवाब देंहटाएं