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

¡ÒÃÊÃéÒ§àÊ鹤Ñé¹ Horizontal Line



㹡ÒèѴÃٻẺàÍ¡ÊÒà ¹Ñé¹ àÃÒÂѧÊÒÁÒö¹ÓàÊé¹ÁÒªèǵ¡áµè§àÍ¡ÊÒÃä´éâ¡Ó˹´ãËéà»ç¹àÊ鹤Ñè¹ã¹Ë¹éÒàÍ¡ÊÒàHTML àÊé¹·Õè¨Ðãªé¤×Í àÊé¹¢Õ´¤Ñè¹á¹Ç¹Í¹ (Horizontal rule) «Öè§ÍÒ¨ãªéà»ç¹àÊé¹áºè§à¹×éÍËÒÃÐËÇèÒ§º· ËÃ×Íà»ç¹àÊé¹¢Õ´¤Ñè¹à¾×èͤÇÒÁÊǧÒÁáÅÐà»ç¹ÃÐàºÕº¢Í§à¹×éÍËÒ ä´é ¤ÓÊÑ觷Õèãªé¡Ó˹´àÊ鹤Ñè¹ ¨Ðà»ç¹¤ÓÊÑ觷ÕèäÁèµéͧÁÕ¤ÓÊÑ觻Դ (Single Tag) ¤×ͤÓÊÑè§<hr> â´Â¤ÓÊÑ觠<hr> ¨ÐÁդسÊÁºÑµÔ¢Í§¤ÓÊÑè§ (Attribute) ËÅÒµÑÇ

¤ÓÊÑè§ (Tag)

Tag
ª×èÍá·ç¡ hr
µÓá˹è§á·ç¡ ÍÂÙèÀÒÂã¹á·ç¡ <body>...</body>
ÃٻẺ¡ÒÃãªéá·ç¡ <hr>
á͵·ÃÔºÔǵì
width à»ç¹¡ÒáÓ˹´¤ÇÒÁÂÒǢͧàÊé¹ ÁÕ˹èÇÂà»ç¹ Pixel ËÃ×Í % ¡çä´é
size ¡Ó˹´¤ÇÒÁ˹ҢͧàÊ鹤Ñè¹ ÁÕ˹èÇÂà»ç¹¾Ô¡à«Å
align ¡Ó˹´µÓá˹觢ͧàÊé¹ãËéÍÂÙè center (¡Ö觡ÅÒ§), left (ªÔ´«éÒÂ), áÅÐ right (ªÔ´¢ÇÒ)
noshade äÁèµéͧáÊ´§à»ç¹áºº 3 ÁÔµÔ 
color à»ç¹¡ÒÃÃкØÊբͧàÊé¹

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body >
<p>àÇçºà¾¨ ¤×Í àÍ¡ÊÒ÷Õèãªé㹡ÒÃà¼Âá¾Ãè¢éÍÁÙÅ «Ö觻ÃСͺ´éÇ¢éÍÁÙÅẺÊ×èÍ»ÃÐÊÁ àªè¹ ¢éͤÇÒÁ,ÀÒ¾,ÀÒ¾à¤Å×è͹äËÇ,àÊÕ§ à»ç¹µé¹ â´Â¡ÒùÓàʹͼèÒ¹·Ò§Ãкºà¤Ã×Í¢èÒÂÍÔ¹à·ÍÃìà¹çµ «Öè§ÁÕ¤ÇÒÁᵡµèÒ§¡Ñ¹ä»µÒÁÇѵ¶Ø»ÃÐʧ¤ì¡ÒÃãªé§Ò¹</p>
<hr width="80%" size="3" align="center" color="#ff0088" noshade>
<p>¡ÅØèÁ¢Í§àÇçºà¾¨ËÅÒ æ ˹éÒ â´ÂÁÕâÎÁྨà»ç¹àÇçºà¾¨Ë¹éÒáá ·ÕèÁÕ¤ÇÒÁÊǧÒÁ à¾×èÍ´Ö§´Ù´¤ÇÒÁʹ㨢ͧ¼Ùéà¢éÒªÁàÇçºä«µì áÅÐàÇçºä«µìËÁÒ¶֧ áËÅ觢èÒÇÊÒà ¢éÍÁÙŢͧºØ¤¤Å ͧ¤ì¡Ã ËÃ×Í˹èǧҹµèÒ§æ º¹ÃкºÍÔ¹à·ÍÃìà¹çµ<p>
<hr width="100%" size="3" align="center" color="green" noshade>
</body>

¡ÒÃáÊ´§¼Å

¨Ò¡¡ÒÃáÊ´§¼Åº¹ºÃÒÇà«ÍÃì ¡ÒÃãªé¤ÓÊÑè§ËÃ×Íá·ç¡ hr ¡ç¨ÐÁÕ¤ÇÒÁÊдǡ㹡ÒÃáºè§à¹×éÍËÒä´éÍÂèÒ§ªÑ´à¨¹ áÅÐÂѧÊÒÁÒö¡Ó˹´¤Ø³ÊÁºÑµÔ¢Í§àÊé¹ä´é â´Â¨Ðà¾ÔèÁà¢éÒä»ã¹á·ç¡ <hr> ´Ñ§µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹ äÁèÇèÒ¨Ðà»ç¹¤ÇÒÁ¡ÇéÒ§¢Í§àÊé¹ ¢¹Ò´ ÊÕ áÅеÓá˹觢ͧàÊ鹤Ñé¹ä´é 㹡ÒûÃÐÂØ¡µìãªéÍÒ¨¨Ðµéͧ¡Ó˹´¤Ø³ÊÑÁºÑµÔãËéà¢éҡѺà¹×éÍËÒà¾×èÍãËéà¡Ô´¤ÇÒÁàËÁÒÐÊÁ