----------- A Beginner's Guide to HTML -----------

LINK เป็นการเชื่อมโยงจากจุดหนึ่งของเอกสารในปัจจุบัน
ไปยังอีกจุดหนึ่งของเอกสารเดียวกันหรือคนละเอกสารก็ได้
จุดที่ LINK กันนี้ เราจะเรียกว่า "Anchor" หรือนักเรียนอาจเรียกว่า "สมอ" เพื่อง่ายในการจำก็ได้

คำสั่ง Tags Anchor ที่ใช้ในการออกแบบการเชื่อมโยงเอกสาร คือ
<A> . . . </A>

1. การเชื่อมโยงเอกสารที่อยู่ภายใน Web Site เดียวกัน

1.1 การเชื่อมโยงไปยังส่วนใดภายในแฟ้มเอกสารเดียวกัน

Tags ที่ใช้ในการเชื่อมโยง
<A HREF= "ชื่อเอกสารเป้าหมาย"> ข้อความที่เป็นจุดเชื่อมโยง </A>

และต้องมี

Tags ที่ใช้ในการเชื่อมโยง
<A NAME= "ชื่อเป้าหมาย"> ข้อความที่จุดเป้าหมาย </A>

ตัวอย่าง

<BODY>
<UL>
<LI>Chapter 1 <A HREF="#L1">Introduction to Internet </A>
<LI>Chapter 2 <A HREF="#L2">Creating the home page on WWW</A>
</UL>
. . . . . . . . . .
<A NAME= "L1">Chapter 1 Introduction to Internet</A>
. . . . . . . . . .
<A NAME= "L2">Chapter 2 Creating the home page on WWW</A>
. . . . . . . . . .
</BODY>

1.2 การเชื่อมโยงไปยังส่วนใด ๆ ในเอกสารอื่นใน Web Site เดียวกัน

Tags ที่ใช้ในการเชื่อมโยง
<A HREF= "ชื่อเอกสารเป้าหมาย#ชื่อเป้าหมาย"> ข้อความที่เป็นจุดเชื่อมโยง </A>

และที่เอกสารเป้าหมายต้องมี คือ

Tags ที่ใช้ในการเชื่อมโยง
<A NAME= "ชื่อเป้าหมาย"> ข้อความที่จุดเป้าหมาย </A>

ตัวอย่าง

. . . . . . . . . . .
<A HREF= "L1">Chapter 1 Introduction to UNIX</A>
. . . . . . . . . . .
<A HREF= "L2">Creating Web Page</A>
. . . . . . . . . . .

1.3 การเชื่อมโยงต่างแฟ้มเอกสารกัน (ไปยังส่วนต้นของเอกสาร)

Tags ที่ใช้ในการเชื่อมโยง
<A HREF="ชื่อแฟ้มเอกสารเป้าหมาย"> ข้อความที่เป็นจุดเชื่อมโยง </A>

ตัวอย่าง

. . . . . . . . . . .
<A HREF= "unix/perl/p1chap1.html">Introduction to PERL</A>
. . . . . . . . . . .
<A HREF= "web2.html">Example of Web Page</A>
. . . . . . . . . . .

2. การเชื่อมโยงเอกสารที่อยู่ต่าง Web Site กัน

2.1 การเชื่อมโยงไปยังต่าง Web Site

Tags ที่ใช้ในการเชื่อมโยง
<A HREF= "ชื่อ URL ของเป้าหมาย"> ข้อความที่เป็นจุดเชื่อมโยง </A>

ตัวอย่าง

. . . . . . . . . .
<A HREF= "http://www.yahoo.com">Link to yahoo.com</A>
. . . . . . . . . .

การแสดงผลบน Web Browser (Internet Explorer)

2.2 การเชื่อมโยงไปยัง E-mail

Tags ที่ใช้ในการเชื่อมโยง
<A HREF= "mail to: ที่อยู่ E-mail ที่จะเชื่อมโยงไป"> ข้อความที่เป็นจุดเชื่อมโยง </A>

ตัวอย่าง

<HTML>
<HEAD>
<TITLE>E-mail Address</TITLE>
</HEAD>
<BODY>
Please Contact. . . . . .

<A HREF= "http://www.sw.ac.th/~thaworn">Thaworn Homepage</A> 
<A HREF= "index.html" TARGET =_BLANK>Back to First page</A> 
Mail to Me at : <A HREF= "mailto:thaworn_sw@sw.ac.th">thaworn_sw@sw.ac.th</A> 

</BODY>
</HTML>

การแสดงผลบน Web Browser (Internet Explorer)

2.3 การเชื่อมโยงไปยัง FTP

Tags ที่ใช้ในการเชื่อมโยง
<A HREF= "ftp : ชื่อ URL ของเป้าหมาย"> ข้อความที่เป็นจุดเชื่อมโยง </A>

ตัวอย่าง

. . . . . . . . . . .
<A HREF= "ftp://ftp4.netscape.com/pub/smart/SM10R2.exe">Netscape's Smartmarks File</A>
. . . . . . . . . . .

การแสดงผลบน Web Browser (Internet Explorer)