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


 ¡ÒÃá·Ã¡ÀÒ¾ã¹àÇçºà¾¨¹Ñé¹à»ç¹¢Ñ鹵͹áá 㹡ÒùÓÀÒ¾ÁÒ»ÃСͺà¢éҡѺàÇçºà¾¨à¾×èÍãËé¹èÒʹ㨠ã¹ËÑÇ¢é͹Õé¨Ðà»ç¹¡ÒèѴµÓá˹觢ͧÃÙ»ÀÒ¾ ÃèÇÁ¡Ñº¢éͤÇÒÁà¾×èÍãËéà¹×éÍËÒ¹Ñé¹ÁÕ¤ÇÒÁ¹èÒʹã¨ÁÒ¡ÂÔ觢Öé¹ ´éÇ¡ÒÃãªéáÍ··ÃÔºÔÇ·ì align

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì align
µÓá˹è§á·ç¡ <img >
ÃٻẺ¡ÒÃãªéá·ç¡ <img src="url" align="µÓá˹è§">
value
µÓá˹è§ã¹¡ÒèѴÇèÒ§ÁÕ¤èҴѧ¹Õé
bottom ãËé¢ÍºÅèÒ§ÀÒ¾àÊÁ͢ͺÅèÒ§¢éͤÇÒÁ
left ¨Ñ´ÀÒ¾ÍÂÙè·Ò§«éÒÂ
middle ãéËé¡Ö觡ÅÒ§ÀÒ¾àÊÁÍ¡Ö觡ÅÒ§¢éͤÇÒÁ
right  ¨Ñ´ÀÒ¾ÍÂÙè·Ò§¢ÇÒ
top ãËé¢ÍºÀÒ¾º¹àÊÁ͢ͺº¹¢éͤÇÒÁ

 

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<h2><p align="center">¡ÒèѴ¢éͤÇÒÁÃèÇÁ¡ÑºÀÒ¾</p></h2>
<p>
<img src="pic.jpg" width="100" align="bottom"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<hr>
<p>
<img src="pic.jpg" width="100" align="left"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<hr>
<p>
<img src="pic.jpg" width="100" align="middle"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<hr>
<p>
<img src="pic.jpg" width="100" align="right"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<hr>
<p>
<img src="pic.jpg" width="100" align="top"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
</body>

¡ÒÃáÊ´§¼Å

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒÃÙ»ÀÒ¾¡Ñº¢éͤÇÒÁ¡ç¨ÐÍÂÙèµÒÁµÓá˹觷Õè¡Ó˹´ áµèºÒ§¤ÃÑ駢éͤÇÒÁ¡ÑºÃÙ»ÀÒ¾ÍÂÙèªÔ´¡Ñ¹ÁÒà¡Ô¹ä»


¡ÒáÓ˹´ÃÐÂÐËèÒ§ÃÐËÇèÒ§ÃÙ»ÀÒ¾¡Ñº¢éͤÇÒÁ


¨Ò¡ËÑÇ¢éÍ·ÕèáÅéÇà»ç¹¡ÒáÓ˹´µÓá˹觡Ѻ¢éͤÇÒÁãËéÍÂÙèÃèÇÁ¡Ñ¹ ã¹ËÑÇ¢é͹Õé¨Ðà»ç¹¡ÒáÓ˹´ÃÐÂÐËÇèÒ§¢Í§ÃÙ»ÀÒ¾¡Ñº¢éͤÇÒÁ ´éÇ¡ÒÃãªéáÍ··ÃÔºÔÇ·ì vspace áÅÐ hspace

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì vspace , hspan
µÓá˹è§á·ç¡ <img >
ÃٻẺ¡ÒÃãªéá·ç¡ <img src="url" valign="ÃÐÂÐËèÒ§º¹ÅèÒ§" halign="ÃÐÂÐËèÒ§«éÒ¢ÇÒ">
value ÃÐÂÐËèÒ§¡Ó˹´à»ç¹¾Ô¡à«Å

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<h2><p align="center">¡ÒèѴ¢éͤÇÒÁÃèÇÁ¡ÑºÀÒ¾</p></h2>
<p>
<img src="pic.jpg" width="100" align="left"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<hr>
<p>
<img src="pic.jpg" width="100" align="left" hspace="20" vspace="10"> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
</body>

¡ÒÃáÊ´§¼Å