Order list

Blog

Order list

April 1, 2010 at 5:27 pm | Posted in HTML Basic By Examples | Leave a comment

<html>
<head>
<title>order list</title>
</head>
<body>
<ol>
<li>Introduction</li>
<li>Objectives</li>
<li>Conclusion</li>
</ol>
</body>
</html>

Order list ကလည္း Unorder list နဲ႔ သိပ္မကြာလွပါဘူး။ သူက default အေနနဲ႔ 1., 2., … ဆိုၿပီးေပၚတာကိုေတြ႔ရမွာပါ။ ဒါေတြအျပင္

decimal (1,2,3)

lower roman (i, ii, iii)

upper roman (I, II, III)

lower alpha (a, b, c)

upper alpha (A, B, C)

တို႔ကိုသံုးလည္းရပါတယ္။ ေအာက္မွာ Example ျပထားပါတယ္။

<html>
<head>
<title>order list</title>
</head>
<body>
<ol type="i">
<li>Chapter One</li>
<li>Chapter Two</li>
<li>Chaper Three</li>
</ol>

<ol type="a">
<li>Chapter One</li>
<li>Chapter Two</li>
<li>Chaper Three</li>
</ol>

</body>
</html>

Output:

Chapter One
Chapter Two
Chaper Three

Chapter One
Chapter Two
Chaper Three

ဘယ္ကစမယ္ဆိုတာကို start attribue ေလးနဲ႔ျပလို႔ရပါတယ္။

<html>
<head>
<title>order list</title>
</head>
<body>
<ol type="i" start="3">
<li>Chapter One</li>
<li>Chapter Two</li>
<li>Chaper Three</li>
</ol>

<ol type="a" start="4">
<li>Chapter One</li>
<li>Chapter Two</li>
<li>Chaper Three</li>
</ol>

</body>
</html>

Output

Chapter One
Chapter Two
Chaper Three

Chapter One
Chapter Two
Chaper Three

<html>
<head>
<title>order list</title>
</head>
<body>
<ol>
<li>Chapter One</li>
<li>Chapter Two</li>
<ul>
<li>Part A</li>
<li>Part B</li>
<li>Part C</li>
</ul>
<li>Chapter Three</li>
</ol>
</body>
</html>

ဒါကေတာ႔ order list နဲ႔ unorder list ကိုတြဲသံုးထားတာပါ။

Like this:

Be the first to like this post.