ÅÔʵÚìÃÒ¡ÒÃẺäÁèÁÕÅӴѺ (Unordered List)
ÅÔʵìẺäÁèàÃÕ§ÅӴѺ (Unordered List) à»ç¹ÅÔʵì·ÕèàËÁÒÐÊÓËÃѺ¡ÒùÓàʹ͢éÍÁÙÅ·Õèà»ç¹»ÃÐà´ç¹ÊÑé¹ æ äÁèµéͧ¡ÒÃÃٻẺµÑÇàÅ¢ ËÃ×͵ÑÇÍÑ¡ÉÃãËéÂØè§ÂÒ¡ ¹Õè¤×͵ÑÇÍÂèÒ§àÇ纷Õè¹ÓÅÔʵìẺäÁèàÃÕ§ÅӴѺÁÒ»ÃÐÂØ¡µìãªéé
¤ÓÊÑè§ (Tag)
Tag
ª×èÍá·ç¡ | ul áÅÐ li |
µÓá˹è§á·ç¡ | ul (Unordered List) ÍÂÙèÀÒÂã¹á·ç¡ <body>...</body> li (List Item) ÍÂÙèÀÒÂã¹á·ç¡ <ul>...</ul> |
ÃٻẺ¡ÒÃãªéá·ç¡ | <ul> <li>¢éÍÁÙÅã¹ÅÔʵì</li> <li>¢éÍÁÙÅã¹ÅÔʵì</li> </ul> |
á͵·ÃÔºÔǵì | type ÍÂÙèã¹á·ç¡à»Ô´ <ul type="ÊÑÅѡɳì¢Í§à¤Ã×èͧËÁÒÂ"> <li type="ÊÑÅѡɳì¢Í§à¤Ã×èͧËÁÒÂ"> |
¤èÒ value | disc ǧ¡ÅÁ·Öº circle ǧ¡ÅÁâ»Ãè§ãÊ square ÊÕèàËÅÕèÂÁ·Öº |
µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<h2><p align="center">¤ÓÈѾ·ì·Õè¤ÇÃÃÙéà¡ÕèÂǡѺ¡ÒÃÊÃéÒ§àÇçºà¾¨</p></h2>
<ul>
<li>àÇçºà¾¨</li>
<li>âÎÁྨ</li>
<li>àÇçºä«µì</li>
<li>ºÃÒÇà«ÍÃì</li>
</ul>
</body>
<ul>
<li>àÇçºà¾¨</li>
<li>âÎÁྨ</li>
<li>àÇçºä«µì</li>
<li>ºÃÒÇà«ÍÃì</li>
</ul>
¡ÒÃáÊ´§¼Å
¨ÐàËç¹ÇèÒÊÑÅѡɳìÁҵðҹ˹éÒÃÒ¡ÒèÐà»ç¹à¤Ã×èͧËÁÒÂǧ¡ÅÁ·Öº ¶éÒàÃÒµéͧ¡ÒÃà»ÅÕè¹á»Å§ÊÑÅѡɳì˹éÒÃÒ¡ÒÃãËÁè ÊÒÁÒöãªéá͵·ÃÔºÔǵì type à¾×èÍ¡Ó˹´ÊÑÅѡɳì˹éÒÃÒ¡ÒÃä´é
¡ÒáÓ˹´à¤Ã×èͧËÁÒÂ˹éÒÃÒ¡ÒÃ
àÃÒÊÒÁÒö¡Ó˹´ÊÑÅѡɳìà¤Ã×èͧËÁÒÂ˹éÒÃÒ¡ÒôéÇÂãªéá͵·ÃÔºÔǵì ÃкØäÇéã¹á·ç¡ ol ËÃ×Í li ä´é´Ñ§¹Õé
µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<h2><p align="center">¤ÓÈѾ·ì·Õè¤ÇÃÃÙéà¡ÕèÂǡѺ¡ÒÃÊÃéÒ§àÇçºà¾¨</p></h2>
<ul type="circle">
<li>àÇçºà¾¨</li>
<li>âÎÁྨ</li>
<li>àÇçºä«µì</li>
<li>ºÃÒÇà«ÍÃì</li>
</ul>
<hr>
<h2><p align="center">¤ÓÈѾ·ì·Õè¤ÇÃÃÙéà¡ÕèÂǡѺ¡ÒÃÊÃéÒ§àÇçºà¾¨</p></h2>
<ul>
<li type="circle">àÇçºà¾¨</li>
<li>âÎÁྨ</li>
<li type="square">àÇçºä«µì</li>
<li>ºÃÒÇà«ÍÃì</li>
</ul>
</body> <ul type="circle">
<li>àÇçºà¾¨</li>
<li>âÎÁྨ</li>
<li>àÇçºä«µì</li>
<li>ºÃÒÇà«ÍÃì</li>
</ul>
<hr>
<h2><p align="center">¤ÓÈѾ·ì·Õè¤ÇÃÃÙéà¡ÕèÂǡѺ¡ÒÃÊÃéÒ§àÇçºà¾¨</p></h2>
<ul>
<li type="circle">àÇçºà¾¨</li>
<li>âÎÁྨ</li>
<li type="square">àÇçºä«µì</li>
<li>ºÃÒÇà«ÍÃì</li>
</ul>
¡ÒÃáÊ´§¼Å
¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒ¶éÒàÃÒµéͧ¡ÒáÓ˹´ÊÑÅѡɳì·Ñé§ËÁ´¢Í§ÅÔʵìà»ç¹ÃٻẺà´ÕÂǡѹ àÃÒ¡ç¨Ð¡Ó˹´äÇé·Õèá·ç¡ ul áµèËÒ¡àÃÒµéͧ¡ÒáÓ˹´ãËéÁÕËÅÒÂÃٻẺã¹ÅÔʵìÃÒ¡Òà àÃÒ¡ç¨Ð¡Ó˹´äÇé·Õ li «Öè§ÊÒÁÒö¡Ó˹´ä´éËÅÒÂÃٻẺ