บทที่สอง: รู้จักกับลิงค์ให้มากกว่าเดิม
จุดเชื่อมต่อหรือ Link กับเว็บไซท์เป็นของคู่กัน ถ้าจะเปรียบโฮมเพจเป็นบ้าน ลิงค์ก็เป็นบานประตู แต่เป็นประตูชนิดพิเศษ คล้ายๆประตูสลับสถานที่ในโลกการ์ตูน เพราะเป็นประตูที่ อาจเปิดไปสู่ห้องอื่นๆ ภายในบ้านเดียวกัน หรือเปิดไปสู่ห้องอื่น ของบ้านหลังใดๆก็ได้บนเวิร์ดไวด์เว็บ เช่นนี้แล้ว เราจะไม่รู้เรื่องลิงค์ให้แจ้งชัดได้อย่างไร องค์ประกอบของลิงค์เป็นอย่างไร?
ลิงค์ถูกกำหนดขึ้นด้วยแท็ก A การแทรกแท็ก A จะเป็นการแจ้งให้บร๊าวเซอร์รู้ว่านี่เป็นจุดโยงนะ A ย่อมาจาก anchor (สมอเรือ) ลุงคิดว่าผู้ออกแบบ HTML คงจะนั่งทำงาน อยู่แถวๆ แพปลากระมัง เลยใช้สมอเรือ เป็นสัญลักษณ์เชื่อมโยงซะเลยแท็ก A จะต้องใช้ร่วมกับ HREF หรือ NAME หรือใช้ทั้งสองเลย
<A HREF="xxx"> จะใช้เพื่อบอกว่าจะเชื่อมต่อไปที่ไหน
<A NAME="xxx"> ทำหน้าที่เป็นตำแหน่งอ้างถึงบนเอกสารถ้าจะสร้างจุดเชื่อมต่อหรือลิงค์ อย่างน้อยเธอต้องระบุสิ่งสำคัญ 2 ส่วนคือ หนึ่งระบุให้สิ่งใดเป็นจุดลิ้งค์ และสองเมื่อคลิกบนลิ้งค์แล้วจะให้ไปที่ไหน โครงสร้างของ HTML จะเป็นดังนี้
<A HREF=เป้าหมายที่จะไป>สิ่งที่จะเป็นลิงค์</A> หรือองค์ประกอบเพิ่มเติมคุณสมบัติมีได้ ดังนี้ : <A HREF="URLเป้าหมาย" NAME="ชื่อลิงค์" TARGET="ชื่อเฟรม/วินโดว์">สิ่งที่จะเป็นลิงค์</A> ขยายความ:วันนี้พอแค่นี้ก่อนนะ อย่าลืม ศึกษาจากไฟล์ตัวอย่าง โดยคลิกที่รูปเครื่องฉายหนัง และไปแอบดู source code บนไฟล์ตัวอย่างนะจ๊ะ ไฟล์นี้ไม่ต้องดู เพราะไม่ได้ ทำคอมเม้นท์ ไว้บนหน้านี้จ๊ะ
- สิ่งที่อยู่ระหว่างคู่แท็ก <A HREF> ข้อความที่เห็นสีฟ้า </A> คือสิ่งที่จะถูกกำหนด ให้เป็นลิงค์ หรือเป็นบานประตูสลับสถานที่นั่นเอง สิ่งที่จะถูกกำหนดให้เป็นลิ้งค์ เป็นได้ทั้งข้อความ และรูปภาพ หากมีการระบุให้เป็นลิงค์แล้ว เมื่อนำเมาส์ไปวางไว้ บนลิงค์นั้น สัญลักษณ์เมาส์ จะเปลี่ยน เป็นรูปมือชี้ หากจุดลิงค์ เป็นข้อความ ก็จะเห็น ข้อความ มีขีดเส้นใต้ด้วย
- HREF คือเป้าหมายที่จะเชื่อมโยงไป เป็นได้หลายอย่างดังนี้
- <A HREF="http://...."> แบบนี้จะเชื่อมโยงไปยังเว็บเพจต่างๆตามที่ระบุ
- <A HREF="ftp://...."> แบบนี้จะเชื่อมโยงไปยัง FTP server โดยทั่วไปมักจะเป็นจุดดาวน์โหลดไฟล์ต่างๆ หากเป็น FTP site ที่เป็นสาธารณะ ก็จะเข้าไปดูหรือเลือกไฟล์ได้เลย แต่ถ้าเป็น Private FTP site จะต้องระบุ username และ password ด้วย รูปแบบของ URL จะเปลี่ยนเป็นดังนี้ <HREF="ftp://username:password@domainname/dir1/dir2/filename">
- <A HREF="gopher://...."> แบบนี้จะเชื่อมโยงไปยัง gopher server
- <A HREF="mailto:yourname@domainname"> แบบนี้จะโหลดโปรแกรมอีเมล และระบุชื่อผู้รับเมลตามที่ระบุ
- และอื่นๆอีก ซึ่งไม่ค่อยมีที่ใช้ในปัจจุบัน
- NAME คือการะบุชื่อของจุดโยงบนเอกสาร มีไว้สำหรับให้คู่แท็ก <A HREF> อีกตัวหนึ่ง โยงมาหา อาจใช้เชื่อมโยง ภายในเอกสารเดียวกัน หรือเชื่อมโยง ข้ามเอกสารก็ได้ วิธีใช้ ให้คั่นชื่อด้วย # เช่น <A HREF="#abc">(ดูตัวอย่างประกอบ)
- TARGET คือการระบุว่าจะให้แสดงเอกสารใหม่ที่เชื่อมถึง บนเฟรมไหน หรือ วินโดว์บร๊าวเซอร์ไหน TARGET มีประโยชน์ ในกรณี ที่มีการใช้เฟรม หรือมี การเปิดบร๊าวเซอร์หลายหน้าต่าง และมี reserve name ที่ควรรู้ดังนี้
- TARGET="_blank" หมายถึงจะแสดงเว็บเพจบนหน้าต่างที่เปิดขึ้นมาใหม่เสมอ
- TARGET="_self" หมายถึงจะแสดงเว็บเพจบนหน้าต่างเดิมเสมอ
- TARGET="_parent" หมายถึงจะแสดงเว็บเพจบนหน้าต่างที่อยู่ระดับเหนือขึ้นไปหนึ่งระดับ
- TARGET="_top" หมายถึงจะแสดงเว็บเพจบนหน้าต่างที่อยู่ระดับบนสุด
คลิกตรงนี้หากต้องการปรึกษาลุงเปี๊ยก
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()