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


 ¡ÒÃá·Ã¡ÀÒ¾ã¹àÇçºà¾¨¹Ñ鹺éÒ§¤ÃÑé§ÀÒ¾ÍÒ¨¨ÐÁÕ¢¹Ò´ãË­èËÃ×ÍÁÕ¢¹Ò´àÅç¡ «Öè§àÃÒÊÒÁÒö¡Ó˹´¢¹Ò´¢Í§ÀÒ¾ä´é à¾×èͤÇÒÁàËÁÒØÐÊÁ㹡ÒùÓàÊ¹Í ã¹¡ÒûÃѺ¢¹Ò´¢Í§ÀÒ¾¨Ðãªé¡ÒáÓ˹´¤ÇÒÁ¡ÇéÒ§áÅФÇÒÁÊÙ§¢Í§ÀÒ¾´éÇÂáÍ··ÃÔºÔÇ·ì width áÅÐ height

áÍ··ÃÔºÔÇ·ì (Attribute)

Attribute
ª×èÍáÍ··ÃÔºÔÇ·ì width , height
µÓá˹è§á·ç¡ <img >
ÃٻẺ¡ÒÃãªéá·ç¡ <img src="url" width="¤ÇÒÁ¡ÇéÒ§" height="¤ÇÒÁÊÙ§">
value ¡Ó˹´¤èÒà»ç¹¨Ó¹Ç¹¾Ô¡à«ÅËÃ×Íà»ç¹ %

 

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<h2><p align="center">¡ÒûÃѺ¢¹Ò´ÀÒ¾</p></h2>
<img src="jv1.jpg"> <br>
¡Ó˹´ÀÒ¾¢¹Ò´»¡µÔ <br><br>
<img src="jv1.jpg" width="200"> <br>
¡Ó˹´¤ÇÒÁ¡ÇéÒ§¢Í§ÀÒ¾ 200 ¾Ô¡à«Å
</body>

¡ÒÃáÊ´§¼Å
¡ÒÃá·Ã¡ÀÒ¾

¨Ò¡µÑÇÍÂèÒ§à»ç¹¡ÒáÓ˹´¢¹Ò´ÀÒ¾´éÇ¡ÒáÓ˹´·Õè¤ÇÒÁ¡ÇéÒ§à¾Õ§ÍÂèÒ§à´ÕÂÇ Êèǹ¤ÇÒÁÊÙ§¡ç¨Ð»ÃѺ¢¹Ò´ãËéâ´ÂÍѵâ¹ÁÑµÔ áÅШзÓãËéÀÒ¾¹Ñé¹ÁÕÊÑ´Êèǹ·Õè¼Ô´ä»¨Ò¡à´ÔÁ


¡ÒûÃѺ¢¹¹Ò´¤ÇÒÁ¡ÇéÒ§áÅФÇÒÁÊÙ§¢Í§ÀÒ¾

µÑÇÍÂèÒ§µèÍ仨Ðà»ç¹¡ÒáÓ˹´¢¹Ò´¢Í§ÀÒ¾ ´éÇ¡ÒáÓ˹´·Ñ駤ÇÒÁ¡ÇéÒ§áÅФÇÒÁÊÙ§

µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<h2><p align="center">¡ÒûÃѺ¢¹Ò´ÀÒ¾</p></h2>
<img src="flower.jpg"> <br>
¡Ó˹´ÀÒ¾¢¹Ò´»¡µÔ <br><br>
<img src="flower.jpg" width="500" height="200"> <br>
¡Ó˹´¤ÇÒÁ¡ÇéÒ§¢Í§ÀÒ¾ 500X200 ¾Ô¡à«Å
</body>

¡ÒÃáÊ´§¼Å
¡ÒÃá·Ã¡ÀÒ¾

¨Ò¡µÑÇÍÂèÒ§¡ÒûÃѺ¢¹Ò´¢Í§ÀÒ¾´éÇ¡ÒáÓ˹´·Ñ駤ÇÒÁ¡ÇéÒ§áÅФÇÒÁÊÙ§¢Í§ÀÒ¾ ¶éÒËÒ¡¡Ó˹´áÅéÇ·ÓãËéÊÑ´Êèǹ¢¹Ò´¢Í§ÀÒ¾¼Ô´ ¡ç¨Ð·ÓãËéÀÒ¾ÁÕÍѵÃÒÊèǹ·Õè¼Ô´à¾Õé¹仨ҡà´ÔÁ «Öè§ã¹¡ÒûÃѺ¢¹Ò´¢Í§ÀÒ¾¨Ð¹ÔÂÁ¡Ó˹´à¾Õ§ÍÂèÒ§ã´ÍÂèҧ˹Öè§ à¾×èÍäÁè·ÓãËéÍѵÃÒÊèǹ¢Í§ÀÒ¾¼Ô´à¾Õé¹