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


¶éÒàÃÒµéͧ¡ÒÃàª×èÍÁâ§àÇçºà¾¨¨Ò¡Ë¹éÒ˹Öè§ä»Âѧ˹éÒàÇçºà¾¨Í×è¹·ÕèÍÂÙèã¹àÇçºä«µìà´ÕÂǡѹ àªè¹àÃÒÁÕàÇçºà¾¨ÍÂÙè¨Ó¹Ç¹ 3 Ë¹éÒ·Õèµéͧ¡ÒÃàª×èÍÁ⧶֧¡Ñ¹ ÊÒÁÒö·Óä´é´Ñ§¹Õé

Tag
ª×èÍá·ç¡ a
áÍ··ÃÔºÔǵì href
µÓá˹è§á·ç¡ ÍÂÙèÀÒÂã¹á·ç¡ <body>...</body> 
ÃٻẺ¡ÒÃãªéá·ç¡ <a href="value">¢éͤÇÒÒÁËÃ×ÍÃÙ»ÀÒ¾</a>
¤èÒ·Õè¡Ó˹´ value ¤×Í  ª×èÍä¿ÅìËÃ×͵Óá˹觢ͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁâ§


µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<img src="pic1.jpg" width=" 150" align="left">ÂèÒâÁà»ç¹¤¹â¤ÃÒª à¡Ô´ã¹µÃСÙżÙé´Õà¡èÒã¹ÊÁѾÃÐà¨éÒ¡Ãا¸¹ºØÃÕ ¾ÃÐà¨éÒµÒ¡ÊÔ¹ÁËÒÃÒª à¡Ô´àÁ×èÍ ¾.È. 2314 ·èÒ¹à»ç¹¤¹·Õè§ÒÁ¾ÃéÍÁ ¡ÔÃÔÂÒ ÁÒÃÂÒ· <a href="page1.html">¤ÅÔ¡ÍèÒ¹µèÍ</a>
<hr>
<img src="pic2.jpg" width=" 150" align="left">»ÒÅÔâÍ à¢ÒãË­è (Palio Khao Yai )
ʶҹ·ÕèªçÍ»»Ôé§ ·ÕèÊǧÒÁ Palio Khao Yai walking street & shopping center ·Õè¹ÕèÊдشµÒ´éÇ¡ÒÃÍ͡ẺáÅÐÊÃéÒ§à»ç¹áºº <a href="page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</a>
</body>

¡ÒÃáÊ´§¼Å

¨Ò¡µÑÇÍÂèÒ§¡ÒÃàª×èÍÁ⧡ç¨ÐÊÒÁÒö¤ÅÔ¡ "¤ÅÔ¡ÍèÒ¹µèÍ" ¨Ò¡àÇçºà¾¨ home.html à¾×èÍà»Ô´ä»ÂѧàÇçºà¾¨·Õè¡Ó˹´äÇé ¡ç¨Ð·ÓãËéàÃÒÊÒÁÒöàª×èÍÁâ§ä»Âѧ˹éÒàÇçºà¾¨Í×è¹ä´é

 

ËÅÑ¡¡ÒÃàª×èÍÁâ§ÀÒÂã¹àÇçºä«µìà´ÕÂǡѹ

¡ÒÃàª×èÍÁâ§àÇçºà¾¨áºº¹ÕéàÃÒàÃÕ¡ÇèÒ¡ÒÃàª×èÍÁâ§Ẻ Relative Path Names «Öè§à»ç¹ÇÔ¸Õ·Õè¹ÔÂÁãªé㹡ÒÃàª×èÍÁâ§ä¿ÅìàÇçºà¾¨ â´ÂÁÕËÅÑ¡¡Òôѧ¹Õé

1. ¡Ã³ÕàÇçºà¾¨ÍÂÙèã¹ä´àá·ÍÃÕèà´ÕÂǡѹ

        

   ¨Ò¡ÀÒ¾ àÃÒÊÒÁÒöãªé <a href…> áÅéÇÍéÒ§ÍÔ§µÓá˹觢ͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁâ§ä´éàÅ ¶éÒà»ÃÕºà·ÕºàÇçºà¾¨·Ñé§ÊÒÁ¤×ͤ¹  ·ÕèÍÂÙèã¹Ëéͧà´ÕÂǡѹ ¡çÊÒÁÒöÁͧàË繡ѹ àÇÅҨФØ¡ѹ¡çàÃÕ¡àª×èÍä´éàÅ àªè¹à´ÕÂǡѹ¡ÒÃàª×èÍÁ⧡çÊÒÁÒö ÍéÒ§¶Ö§ª×èÍä¿Åìä´éàÅ à»ç¹¡ÒÃàª×èÍÁ⧨ҡ home.html ä»Âѧ page1.html áÅÐ page2.html ´Ñ§¹Õé

 

µÑÇÍÂèÒ§¡ÒÃãªé¤ÓÊÑ觠 <a href="page1.html">¤ÅÔ¡ÍèÒ¹µèÍ</>
                                           <a href="page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</>

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒàÇÅÒÍéÒ§¶Ö§ä¿ÅìàÇçºà¾¨ ¡çÊÒÁÒöÍéÒ§¶Ö§ª×èÍä´éàÅÂ

 

 

2. ¡Ã³ÕàÇçºà¾¨·Õè¨Ðàª×èÍÁâ§ÍÂÙèã¹ä´àÃç¡·ÍÃÕè·ÕèµèÓ¡ÇèÒ

 

 ¨Ò¡ÀÒ¾áÊ´§ãËéàËç¹ÇèÒ àÇçºà¾¨ home.html ¨ÐÍÂÙèã¹â¿Åìà´ÍÃìËÅÑ¡¤×Í Web project áµèÍÕ¡ÊͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁâ§ä»ËÒ ¨Ðà¡çºÍÂÙèã¹â¿Åìà´ÍÃì web ¡çà»ÃÕºàÊÁ×͹ÇèÒ Web Project à»ç¹ËéͧãË­è áÅéÇÁÕ ËéͧàÅç¡·ÕèÍÂÙè¢éÒ§ã¹Íա˹Öè§Ëéͧ¤×Í web   ´Ñ§¹Ñé¹ ¶éÒ home.html µéͧ¡ÒèÐà¨Í¡Ñº page1.html áÅÐ page2.html ¨Ðµéͧà´Ô¹à¢éÒä»ÍÕ¡Ëéͧ

 

µÑÇÍÂèÒ§¡ÒÃãªé¤ÓÊÑ觠 <a href="web/page1.html">¤ÅÔ¡ÍèÒ¹µèÍ</>
                              <a href="web/page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</>

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒ ¨ÐÁÕ¡ÒÃÍéÒ§¶Ö§ª×èÍâ¿Åìà´ÍÃì µÒÁ´ÑÇÂà¤Ã×èͧËÁÒ ( / ) áÅЪ×èÍàÇçºà¾¨ µÒÁÅӴѺ

 

 

3. ¡Ã³ÕàÇçºà¾¨·Õè¨Ðàª×èÍÁâ§ÍÂÙèã¹ä´àÃç¡·ÍÃÕè·ÕèÊÙ§¡ÇèÒ

 

 ¨Ò¡ÀÒ¾áÊ´§ãËéàËç¹ÇèÒ àÇçºà¾¨ home.html ¨ÐÍÂÙèã¹â¿Åìà´ÍÃìÃͧ¤×Í web áµèÍÕ¡ÊͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁâ§ä»ËÒ ¨Ðà¡çºÍÂÙèã¹â¿Åìà´ÍÃì Web Project à»ç¹â¿Åìà´ÍÃìËÅÑ¡ ¡çà»ÃÕºàÊÁ×͹ÇèÒ Web Project à»ç¹ËéͧãË­è áÅéÇÁÕ ËéͧàÅç¡·ÕèÍÂÙè¢éÒ§ã¹Íա˹Öè§Ëéͧ¤×Í web   ´Ñ§¹Ñé¹ ¶éÒ home.html µéͧ¡ÒèÐà¨Í¡Ñº page1.html áÅÐ page2.html ¨Ðµéͧà´Ô¹ÍÍ¡ÁÒ¨Ò¡Ëéͧ¶Ö§¨Ðà¨Í¡Ñº·Ñé§ÊͧàÇçºà¾¨

 

µÑÇÍÂèÒ§¡ÒÃãªé¤ÓÊÑ觠 <a href="../page1.html">¤ÅÔ¡ÍèÒ¹µèÍ</>
                              <a href="../page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</>

¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒ ¡ÒÃà´Ô¹ÍÍ¡ÁÒ¨Ò¡Ëéͧ¢Í§ home.html ¨Ðãªéà¤Ã×èͧËÁÒ ( . ) ¨Ø´ µÒÁ´éÇÂà¤Ã×èͧËÁÒ ( / ) µÒÁ´éǪ×èÍàÇçºà¾¨