:: àÁ¹ÙËÅÑ¡
 áºº·´Êͺ¡è͹àÃÕ¹
 Ë¹èÇ·Õè 1 âÅ¡¢Í§àÇçºà¾¨áÅÐàÇçºä«µì
 Ë¹èÇ·Õè 2 àÃÔèÁµé¹¡Ñº HTML
 Ë¹èÇ·Õè 3 ¡ÒèѴ¡ÒâéͤÇÒÁ
 áºº·´Êͺ¡è͹àÃÕ¹
 ¡ÒáÓ˹´ËÑÇàÃ×èͧ Heading
 ¡ÒõѴ¤Ó¢Ö鹺Ã÷ѴãËÁè Line Break
 ¡ÒâÖé¹â»ÃÐâ¤˹éÒãËÁè Paragraph
 ¡ÒÃá·Ã¡ªèͧÇèÒ§ Space 
 ¡ÒÃÃкØËÁÒÂà˵ؠComment
 ¡ÒÃÊÃéÒ§àÊ鹤Ñè¹ Horizontal Line
 ¡ÒáÓ˹´ÊÕ¾×é¹ËÅѧàÇçºà¾¨
 ¡ÒáÓ˹´ÊÕµÑÇÍÑ¡ÉÃ
 ¡ÒáÓ˹´¢¹Ò´µÑÇÍÑ¡ÉÃ
 ¡ÒáÓ˹´µÑÇÍÑ¡ÉÃÇÔè§
 áºº½Ö¡ËÑ´
 áºº·´ÊͺËÅѧàÃÕ¹
 Ë¹èÇ·Õè 4 ¡ÒÃãªéÅÔʵìÊÃéÒ§ÃÒ¡ÒÃ
 Ë¹èÇ·Õè 5 ¡ÒÃá·Ã¡ÀÒ¾
 Ë¹èÇ·Õè 6 ¡ÒÃÊÃéÒ§µÒÃÒ§
 Ë¹èÇ·Õè 7 ¡ÒÃàª×èÍÁâ§àÇçºà¾¨´éÇÂÅÔ§¤ì
˹èÇ·Õè 8 ¡ÒÃãªé§Ò¹ä¿ÅìÇÕ´ÕâÍáÅÐàÊÕ§
 Ë¹èÇ·Õè 9 ¡ÒÃÊÃéÒ§¿ÍÃìÁ
 áºº·´ÊͺËÅѧàÃÕ¹àÃÕ¹
:: ˹èÇ·Õè 3 ¡ÒèѴ¡ÒâéͤÇÒÁ

¡ÒáÓ˹´ÊÕµÑÇÍÑ¡ÉÃ



¡ÒáÓ˹´ÊÕµÑÇÍÑ¡Éáçà»ç¹ÍÕ¡¢Ö鹵͹㹡ÒèѴ¡ÒâéͤÇÒÁã¹àÇçºà¾¨ ·Õè¨Ð·ÓãËéàÇçºà¾¨¢Í§àÃÒÁÕ¤ÇÒÁ˹éÒʹ㨠«Öè§ã¹¡ÒáÓ˹´ÊÕµÑÇÍÑ¡Éà 㹠HTML4 ¨Ðãªéá·ç¡ <font > 㹡ÒáÓ˹´ÊÕ áµèÊÓËÃѺ HTML5 ä´é¡àÅÔ¡¤ÓÊÑè§ËÃ×Íá·ç¡ <font> ä»áÅéÇ ã¹¡ÒáÓ˹´ÊÕËÃ×ͤسÊÁºÑµÔµèÒ§¨Ðãªé¡ÒáÓ˹´ style sheet ËÃ×Í·ÕèàÃÕ¡¡Ñ¹·ÑèÇä»ÇèÒ css ¡ÒáÓ˹´ÊÕËÃ×ͤسÊÁºÑµÔµèÒ§ æ ¢Í§¢éͤÇÒÁ ¨Ðãªé á·ç¡ span 㹡ÒèѴ·Ñé§ËÁ´

¤ÓÊÑè§ (Tag)

Tag
ª×èÍá·ç¡ span
µÓá˹è§á·ç¡ ÍÂÙèÀÒÂã¹á·ç¡ <body>...</body>
ÃٻẺ¡ÒÃãªéá·ç¡ <span>¢éͤÇÒÁ</span>
á͵·ÃÔºÔǵì style="¤èÒ·Õè¡ÓË´ "            ¡Ó˹´¤Ø³ÊÁºÑµÔµèÒ§¢Í§¢éͤÇÒÁ
¤Ø³ÊÁºÑµÔ  (properties) color                                 ¤Ø³ÊÁºÑµÔ¡Ó˹´ÊÕ
¤èÒ (value) red,green,#FFFF00         ª×èÍÊÕËÃ×ÍÃËÑÊÕ

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body bgcolor="fffae5">
<p><span style="color:red">¡Ó˹´ÊÕµÑÇÍÑ¡ÉÃÊÕá´§</span></p>
<p><span style="color:green">¡Ó˹´ÊÕµÑÇÍÑ¡ÉÃÊÕà¢ÕÂÇ</span></p>
<p><span style="color:#C60CC4">¡Ó˹´ÊÕµÑÇÍÑ¡ÉÃÊÕÁèǧ</span></p>
<p><span style="color:#0000FF">¡Ó˹´ÊÕµÑÇÍÑ¡ÉÃÊÕ¹éÓà§Ô¹</span></p>
</body>

¡ÒÃáÊ´§¼Å

¨Ò¡¡ÒÃáÊ´§¼Åº¹ºÃÒÇà«ÍÃì ÊÕµÑÇÍÑ¡Éáç¨Ðà»ÅÕè¹仵ÒÁ¤èÒ·ÕèÓ¡Ó˹´ áµè¶éÒàÃÒäÁè¡Ó˹´ÊÕãËéµÑÇÍÑ¡Éà ¨ÐÁÕ¤èÒàÃÔèÁµé¹¢Í§ÊÕµÑÇÍÑ¡ÉÃà»ç¹ÊÕ´Ó