การเชื่อมโยงเนื้อหาในหน้าเว็บเพจ

การเชื่อมโยงหน้าเว็บเพจ คือ การกำหนดส่วนของข้อความหรือรูปภาพที่ต้องการ เพื่อเป็นจุดเชื่อมโยงไปยังเนื้อหา

จุดอื่นๆซึ่งเนื้อหาที่จะเชื่อมโยงไปอาจจะอยู่ภายในหน้าเดียวกัน , คนละหน้ากันก็ได้ หรืออาจจะอยู่คนละเว็บไซต์เลยก็ได้

การเชื่อมโยงหน้าเว็บเพจได้นั้น จะต้องมีการกำหนดจุดที่ใช้สำหรับเชื่อมโยง (Link) เป็นส่วนที่ใช้เป็นจุดเชื่อมโยง

ไปยังเป้าหมาย ปลายทาง ซึ่งอาจจะเป็นรูปภาพ สัญลักษณ์ หรือข้อความก็ได้ นอกจากนี้จะต้องมีการกำหนดเป้าหมาย

(Target)เป็นส่วนปลายทาง หรือจุดที่ต้องการให้เชื่อมโยงมาถึง จะอยู่ส่วนใดของเอกสารก็ได้แล้วแต่ผู้เขียนเว็บไซต์จะกำหนด

รูปแบบคำสั่ง <a Attributes> ข้อความ หรือรูปภาพ </a>

<a>..</a> คำสั่งสำหรับไฮเปอร์ลิงค์

Attributes	คือค่าเสริมที่ใช้ประกอบการลิงค์ มี 5 ค่า คือ href (Hypertext Reference name
ข้อความ/รูปภาพ	อาจจะเป็นข้อความหรือรูปภาพก็ได้ที่จะเป็นปรากฏบนจอภาพ เพื่อให้ผู้ใช้คลิกเมาส์เป็นจุดเชื่อมโยง

เช่น  <a href ="http://www.mpp3.ac.th">โรงเรียนมัธยมพัชรกิติยาภา ๓ สุราษฎร์ธานี </a>

 การเชื่อมโยงด้วยข้อความ หมายถึง การใช้ข้อความเป็นจุดเชื่อมโยง เราจะเรียกข้อความที่ใช้เป็นจุดเชื่อมโยงว่า
HyperText เช่น  <a href =kitty.html">kitty.gif</a>
การเชื่อมโยงเว็บไซต์ หมายถึงการสร้างการเชื่อมโยงที่มีจุดเชื่อมโยงเป็นข้อความ หรือรูปภาพ เมื่อคลิกเมาส์จะ
เชื่อมโยงไปยังเว็บไซต์ที่ระบุ ไว้เป็นปลายทาง (target) เช่น เว็บไซต์ google.com เป็นต้น

เช่น  <a href="http://URLที่ต้องการจะเชื่อมโยงไป">ข้อความหรือรูปภาพ</a>

การเชื่อมโยงไฟล์อื่น
สำหรับการเชื่อมโยงไปยังไฟล์อื่น ๆ ที่ไม่ใช่เว็บเพจ เช่น ไฟล์เอกสาร *.doc หรือ
ไฟล์งานนำเสนอ *.ppt เป็นต้น ในการสร้างการเชื่อมโยงไปยังไฟล์ อื่น ๆ นี้
 เพียงแต่ระบุ ที่อยู่ ชื่อ.ส่วนขยาย ของไฟล์ 

ขั้นตอนการสร้างการเชื่อมโยง (links)
1. สร้างจุดเชื่อมโยง (link)
2. กำหนดการเชื่อมโยง

ตัวอย่าง การสร้างการเชื่อมโยงไปยังไฟล์อื่น

<HTML>
<HEAD>
 <TITLE> การเชื่อมโยงไปยังไฟล์อื่น </TITLE>
</HEAD>
<BODY>
การเชื่อมโยงไปยังไฟล์อื่น<BR>
<A HREF="juri1.ppt">ขั้นตอนการสมัครe-mail</A><BR>
<A HREF="game.exe">เกมส์ฝึกสมอง</A><BR>
<A HREF="juris.swf">เกมส์สูตรคูณ</A><BR>
</BODY>
</HTML>

ใส่ความเห็น

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

บลอกที่ WordPress.com .

%d bloggers like this: