Unorder List

Blog

Unorder List

March 27, 2010 at 10:05 am | Posted in HTML Basic By Examples | Leave a comment

<html>
<head>
<title>Unorder List</title>
</head>

<body>

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

</body>
</html>

Ourput:

HTML
CSS
JavaScript

ဒါကေတာ႔ unorder list ပါ။ list ေရွ႕မွာ အစက္ေလးေတြပါတာေတြ႕ရမွာပါ။ အစက္ေလးေတြကို ပံုစံေျပာင္းလို႔ရသလို မထည့္ရင္လည္းရပါတယ္။

<html>
<head>
<title>Unorder List</title>
</head>

<body>

<ul type="disc">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

<ul type="circle">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

<ul type="square">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

<ul type="none">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

</body>
</html>

Output:

HTML
CSS
JavaScript

HTML
CSS
JavaScript

HTML
CSS
JavaScript

HTML
CSS
JavaScript

ပထမဆံုး disc ဆိုတဲ့အမ်ိဳးအစားက default ျဖစ္ပါတယ္။ ေနာက္ဆံုးတစ္ခု ကေတာ႔ ဘာမွမထည့္ခ်င္ရင္သံုးေပါ႔။

<html>
<head>
<title>Nested</title>
</head>

<body>

<ul>
    <li>HTML
        <ul>
            <li>Heading tag</li>
            <li>Unorder List
                <ul>
                    <li>disc</li>
                    <li>circle</li>
                    <li>square</li>
                </ul>
            </li>
            <li>Order List</li>
        </ul>
    </li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

</body>
</html>

Output:

HTML
- Heading tag
- Unorder List
  - disc
  - circle
  - square
- Order List
CSS
JavaScript

ဒါကေတာ႔ အဆင့္ဆင့္ list လုပ္တဲ့ပံုစံေလးေပါ႔။ ေသခ်ာၾကည့္ရင္နားလည္မွာပါ။

Like this:

Be the first to like this post.