:: ˹èÇ·Õè 4 ¡ÒÃÊÃéÒ§ List (ÃÒ¡ÒÃ)
ÅÔʵÚìÃÒ¡ÒÃẺäÁèÁÕÅӴѺ (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>

¡ÒÃáÊ´§¼Å

¨ÐàËç¹ÇèÒÊÑ­ÅѡɳìÁҵðҹ˹éÒÃÒ¡ÒèÐà»ç¹à¤Ã×èͧËÁÒÂǧ¡ÅÁ·Öº ¶éÒàÃÒµéͧ¡ÒÃà»ÅÕè¹á»Å§ÊÑ­Åѡɳì˹éÒÃÒ¡ÒÃãËÁè ÊÒÁÒöãªéá͵·ÃÔºÔǵì 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 áµèËÒ¡àÃÒµéͧ¡ÒáÓ˹´ãËéÁÕËÅÒÂÃٻẺã¹ÅÔʵìÃÒ¡Òà àÃÒ¡ç¨Ð¡Ó˹´äÇé·Õ li «Öè§ÊÒÁÒö¡Ó˹´ä´éËÅÒÂÃٻẺ