![](../icon/headdata.png)
¶éÒàÃÒµéͧ¡ÒÃàª×èÍÁâ§àÇçºà¾¨¨Ò¡Ë¹éÒ˹Öè§ä»Âѧ˹éÒàÇçºà¾¨Í×è¹·ÕèÍÂÙèã¹àÇçºä«µìà´ÕÂǡѹ àªè¹àÃÒÁÕàÇçºà¾¨ÍÂÙè¨Ó¹Ç¹ 3 ˹éÒ·Õèµéͧ¡ÒÃàª×èÍÁ⧶֧¡Ñ¹ ÊÒÁÒö·Óä´é´Ñ§¹Õé
ª×èÍá·ç¡ | a |
áÍ··ÃÔºÔǵì | href |
µÓá˹è§á·ç¡ | ÍÂÙèÀÒÂã¹á·ç¡ <body>...</body> |
ÃٻẺ¡ÒÃãªéá·ç¡ | <a href="value">¢éͤÇÒÒÁËÃ×ÍÃÙ»ÀÒ¾</a> |
¤èÒ·Õè¡Ó˹´ | value ¤×Í ª×èÍä¿ÅìËÃ×͵Óá˹觢ͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁ⧠|
<hr>
<img src="pic2.jpg" width=" 150" align="left">»ÒÅÔâÍ à¢ÒãËè (Palio Khao Yai )
ʶҹ·ÕèªçÍ»»Ôé§ ·ÕèÊǧÒÁ Palio Khao Yai walking street & shopping center ·Õè¹ÕèÊдشµÒ´éÇ¡ÒÃÍ͡ẺáÅÐÊÃéÒ§à»ç¹áºº <a href="page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</a>
![](../imgunit7/unit7-2.png)
¨Ò¡µÑÇÍÂèÒ§¡ÒÃàª×èÍÁ⧡ç¨ÐÊÒÁÒö¤ÅÔ¡ "¤ÅÔ¡ÍèÒ¹µèÍ" ¨Ò¡àÇçºà¾¨ home.html à¾×èÍà»Ô´ä»ÂѧàÇçºà¾¨·Õè¡Ó˹´äÇé ¡ç¨Ð·ÓãËéàÃÒÊÒÁÒöàª×èÍÁâ§ä»Âѧ˹éÒàÇçºà¾¨Í×è¹ä´é
ËÅÑ¡¡ÒÃàª×èÍÁâ§ÀÒÂã¹àÇçºä«µìà´ÕÂǡѹ
¡ÒÃàª×èÍÁâ§àÇçºà¾¨áºº¹ÕéàÃÒàÃÕ¡ÇèÒ¡ÒÃàª×èÍÁâ§Ẻ Relative Path Names «Öè§à»ç¹ÇÔ¸Õ·Õè¹ÔÂÁãªé㹡ÒÃàª×èÍÁâ§ä¿ÅìàÇçºà¾¨ â´ÂÁÕËÅÑ¡¡Òôѧ¹Õé
1. ¡Ã³ÕàÇçºà¾¨ÍÂÙèã¹ä´àá·ÍÃÕèà´ÕÂǡѹ
![](../imgunit7/unit7-3.png)
¨Ò¡ÀÒ¾ àÃÒÊÒÁÒöãªé <a href…> áÅéÇÍéÒ§ÍÔ§µÓá˹觢ͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁâ§ä´éàÅ ¶éÒà»ÃÕºà·ÕºàÇçºà¾¨·Ñé§ÊÒÁ¤×ͤ¹ ·ÕèÍÂÙèã¹Ëéͧà´ÕÂǡѹ ¡çÊÒÁÒöÁͧàË繡ѹ àÇÅҨФØ¡ѹ¡çàÃÕ¡àª×èÍä´éàÅ àªè¹à´ÕÂǡѹ¡ÒÃàª×èÍÁ⧡çÊÒÁÒö ÍéÒ§¶Ö§ª×èÍä¿Åìä´éàÅ à»ç¹¡ÒÃàª×èÍÁ⧨ҡ home.html ä»Âѧ page1.html áÅÐ page2.html ´Ñ§¹Õé
µÑÇÍÂèÒ§¡ÒÃãªé¤ÓÊÑè§ <a href="page1.html">¤ÅÔ¡ÍèÒ¹µèÍ</>
<a href="page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</>
¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒàÇÅÒÍéÒ§¶Ö§ä¿ÅìàÇçºà¾¨ ¡çÊÒÁÒöÍéÒ§¶Ö§ª×èÍä´éàÅÂ
2. ¡Ã³ÕàÇçºà¾¨·Õè¨Ðàª×èÍÁâ§ÍÂÙèã¹ä´àÃç¡·ÍÃÕè·ÕèµèÓ¡ÇèÒ
![](../imgunit7/unit7-4.png)
¨Ò¡ÀÒ¾áÊ´§ãËéàËç¹ÇèÒ àÇçºà¾¨ home.html ¨ÐÍÂÙèã¹â¿Åìà´ÍÃìËÅÑ¡¤×Í Web project áµèÍÕ¡ÊͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁâ§ä»ËÒ ¨Ðà¡çºÍÂÙèã¹â¿Åìà´ÍÃì web ¡çà»ÃÕºàÊÁ×͹ÇèÒ Web Project à»ç¹ËéͧãËè áÅéÇÁÕ ËéͧàÅç¡·ÕèÍÂÙè¢éÒ§ã¹Íա˹Öè§Ëéͧ¤×Í web ´Ñ§¹Ñé¹ ¶éÒ home.html µéͧ¡ÒèÐà¨Í¡Ñº page1.html áÅÐ page2.html ¨Ðµéͧà´Ô¹à¢éÒä»ÍÕ¡Ëéͧ
<a href="web/page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</>
¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒ ¨ÐÁÕ¡ÒÃÍéÒ§¶Ö§ª×èÍâ¿Åìà´ÍÃì µÒÁ´ÑÇÂà¤Ã×èͧËÁÒ ( / ) áÅЪ×èÍàÇçºà¾¨ µÒÁÅӴѺ
3. ¡Ã³ÕàÇçºà¾¨·Õè¨Ðàª×èÍÁâ§ÍÂÙèã¹ä´àÃç¡·ÍÃÕè·ÕèÊÙ§¡ÇèÒ
![](../imgunit7/unit7-5.png)
¨Ò¡ÀÒ¾áÊ´§ãËéàËç¹ÇèÒ àÇçºà¾¨ home.html ¨ÐÍÂÙèã¹â¿Åìà´ÍÃìÃͧ¤×Í web áµèÍÕ¡ÊͧàÇçºà¾¨·Õèµéͧ¡ÒÃàª×èÍÁâ§ä»ËÒ ¨Ðà¡çºÍÂÙèã¹â¿Åìà´ÍÃì Web Project à»ç¹â¿Åìà´ÍÃìËÅÑ¡ ¡çà»ÃÕºàÊÁ×͹ÇèÒ Web Project à»ç¹ËéͧãËè áÅéÇÁÕ ËéͧàÅç¡·ÕèÍÂÙè¢éÒ§ã¹Íա˹Öè§Ëéͧ¤×Í web ´Ñ§¹Ñé¹ ¶éÒ home.html µéͧ¡ÒèÐà¨Í¡Ñº page1.html áÅÐ page2.html ¨Ðµéͧà´Ô¹ÍÍ¡ÁÒ¨Ò¡Ëéͧ¶Ö§¨Ðà¨Í¡Ñº·Ñé§ÊͧàÇçºà¾¨
<a href="../page2.html">¤ÅÔ¡ÍèÒ¹µèÍ</>
¨Ò¡µÑÇÍÂèÒ§¨ÐàËç¹ä´éÇèÒ ¡ÒÃà´Ô¹ÍÍ¡ÁÒ¨Ò¡Ëéͧ¢Í§ home.html ¨Ðãªéà¤Ã×èͧËÁÒ ( . ) ¨Ø´ µÒÁ´éÇÂà¤Ã×èͧËÁÒ ( / ) µÒÁ´éǪ×èÍàÇçºà¾¨