:: àÁ¹ÙËÅÑ¡
 áºº·´Êͺ¡è͹àÃÕ¹
 Ë¹èÇ·Õè 1 âÅ¡¢Í§àÇçºà¾¨áÅÐàÇçºä«µì
 Ë¹èÇ·Õè 2 àÃÔèÁµé¹¡Ñº HTML
 áºº·´Êͺ¡è͹àÃÕ¹
 ·ÓäÁµéͧàÃÕ¹ÃÙé HTML
 HTML ¤×ÍÍÐäÃ
 ÅÑɳТͧÀÒÉÒ HTML
 â¤Ã§ÊÃéÒ§ÀÒÉÒ HTML4
 â¤Ã§ÊÃéÒ§ÀÒÉÒ HTML5
 ÊÔè§ãËÁèæ ã¹ HTML5
 à¤Ã×èͧÁ×Í·ÕèãªéÊÃéÒ§àÍ¡ÊÒà HTML
 ÊÃéÒ§àÇçºà¾¨áá´éÇ HTML5
 áºº½Ö¡ËÑ´
 áºº·´ÊͺËÅѧàÃÕ¹
 Ë¹èÇ·Õè 3 ¡ÒèѴ¡ÒâéͤÇÒÁ
 Ë¹èÇ·Õè 4 ¡ÒÃãªéÅÔʵìÊÃéÒ§ÃÒ¡ÒÃ
 Ë¹èÇ·Õè 5 ¡ÒÃá·Ã¡ÀÒ¾
 Ë¹èÇ·Õè 6 ¡ÒÃÊÃéÒ§µÒÃÒ§
 Ë¹èÇ·Õè 7 ¡ÒÃàª×èÍÁâ§àÇçºà¾¨´éÇÂÅÔ§¤ì
˹èÇ·Õè 8 ¡ÒÃãªé§Ò¹ä¿ÅìÇÕ´ÕâÍáÅÐàÊÕ§
 Ë¹èÇ·Õè 9 ¡ÒÃÊÃéÒ§¿ÍÃìÁ
 áºº·´ÊͺËÅѧàÃÕ¹àÃÕ¹
:: ˹èÇ·Õè 2 àÃÔèÁµé¹¡Ñº HTML5

ÅÑɳТͧÀÒÉÒ HTML



ͧ¤ì»ÃСͺ¢Í§ÀÒÉÒ HTML ÊÒÁÒöáºè§ÍÍ¡à»ç¹ 2 Êèǹ ¤×Í Êèǹ·Õèà»ç¹¢éͤÇÒÁ·ÑèÇæä» áÅÐÊèǹ·Õèà»ç¹¤ÓÊÑ觷Õèãªé㹡ÒáÓ˹´ÃٻẺ¢Í§¢éͤÇÒÁ·ÕèáÊ´§ «Öè§àÃÒàÃÕ¡¤ÓÊÑ觹ÕéÇèÒ á·ç¡ (Tag) â´Âá·ç¡¤ÓÊÑ觢ͧ HTML ¨ÐÍÂÙèã¹à¤Ã×èͧËÁÒ < áÅÐ > ÃÒÂÅÐàÍÕ´¤ÓÊÑ觢ͧ HTML â´Â¡ÒÃãªé§Ò¹ËÅÑ¡¨ÐÁմѧ¹Õé


1. ¤ÓÊÑè§ ËÃ×Í Tag
              Tag à»ç¹ÅѡɳÐ੾ÒТͧÀÒÉÒ HTML ãªé㹡ÒÃÃкØÃٻẺ¤ÓÊÑè§ ËÃ×Í¡ÒÃŧÃËÑʤÓÊÑè§ HTML ÀÒÂã¹à¤Ã×èͧËÁÒ less-than bracket ( < ) áÅÐ greater-than bracket ( > ) â´Â·Õè Tag HTML áºè§ä´é 2 ÅѡɳР¤×Í

Tag à´ÕèÂÇ à»ç¹ Tag ·ÕèäÁèµéͧÁÕ¡ÒûԴÃËÑÊ àªè¹ <HR>, <BR> à»ç¹µé¹

Tag à»Ô´/»Ô´ ÃٻẺ¢Í§ tag ¹Õé¨Ðà»ç¹áºº â´Â·Õè <p> .... </p>

<á·ç¡à»Ô´> ¢éͤÇÒÁ </á·ç¡»Ô´>    àªè¹ <p> ¡ÒÃãªé¤ÓÊÑè§á·ê¡à»Ô´/»Ô´ </p>

<p> àÃÕ¡ÇèÒ tag à»Ô´

</p> àÃÕ¡ÇèÒ tag »Ô´


㹡óշÕèàÃÒµéͧ¡ÒÃãªéá·ç¡«é͹¡Ñ¹ÁÒ¡¡ÇèÒ 1 á·ç¡ àÃҨеéͧà»Ô´áÅлԴá·ç¡¢éÒ§¹Í¡ÊØ´¡è͹ áÅéÇ¢èÍÂà¢éÒä»à¢Õ¹·ç¡Í×è¹ æ ¢éҧ㹵ÒÁÅӴѺ ´Ñ§ã¹µÑÇÍÂèÒ§´éÒ¹ÅèÒ§ àÃÒ¨Ðà»Ô´áÅлԴ <h1> ¡è͹áÅéǤèÍÂà¾ÔèÁá·ç¡ <li>

<h1> <li> ¢éͤÇÒÁ </li></h1>


2. Attributes
             ºÒ§á·ç¡¨ÐÁÕµÑÇ¡Ó˹´¤Ø³ÊÁºÑµÔàÃÕ¡ÇèÒ á͵·ÃÔºÔǵì (Attribute) â´Â¡Ó˹´¤èÒá͵·ÃÔºÔǵìã¹Êèǹ¢Í§á·ç¡à»Ô´ áÅФèÒ·Õè¶Ù¡Ó˹´ãËéãªéã¹á·ç¡ àÕÃÕ¡ÇèÒ (Value) àªè¹ á·ç¡ Font ãªéÊÓËÃѺ¡ÒáÓ˹´ÅѡɳеÑÇÍÑ¡ÉÃ

<font color="#ff0000">¢éͤÇÒÁ</font>
á·ç¡ font ¡Ó˹´ÅѡɳеÑÇÍÑ¡ÉÃ
á͵·ÃÔºÔǵì color ¡Ó˹´ÊÕµÑÇÍÑ¡ÉÃ
¤èÒ·Õè¡Ó˹´ #ff0000 ¤èÒÊÕµÑÇÍÑ¡ÉÃ

3. not case sensitive
              ¡ÒÃãªé¤ÓÊÑè§ËÃ×Ítag ¢Í§ÀÒÉÒ HTML ¨Ð¾ÔÁ¾ìµÑǾÔÁ¾ìãË­è ËÃ×Í ¾ÔÁ¾ìàÅç¡¡çä´é <BR> ËÃ×Í <br> ¼ÅÅѾ¸ìÍÍ¡ÁÒäÁèµèÒ§¡Ñ¹ áµè¤ÇÃàÅ×Í¡ãªéÍÂèÒ§ã´ÍÂèҧ˹Öè§ à¾×èͤÇÒÁäÁèÊѺʹ㹡ÒÃãªé§Ò¹