บทที่สอง: รู้จักกับลิงค์ให้มากกว่าเดิม

จุดเชื่อมต่อหรือ Link กับเว็บไซท์เป็นของคู่กัน
ถ้าจะเปรียบโฮมเพจเป็นบ้าน ลิงค์ก็เป็นบานประตู
แต่เป็นประตูชนิดพิเศษ คล้ายๆประตูสลับสถานที่ในโลกการ์ตูน
เพราะเป็นประตูที่ อาจเปิดไปสู่ห้องอื่นๆ ภายในบ้านเดียวกัน
หรือเปิดไปสู่ห้องอื่น ของบ้านหลังใดๆก็ได้บนเวิร์ดไวด์เว็บ
เช่นนี้แล้ว เราจะไม่รู้เรื่องลิงค์ให้แจ้งชัดได้อย่างไร

องค์ประกอบของลิงค์เป็นอย่างไร?
ลิงค์ถูกกำหนดขึ้นด้วยแท็ก A การแทรกแท็ก A จะเป็นการแจ้งให้บร๊าวเซอร์รู้ว่านี่เป็นจุดโยงนะ A ย่อมาจาก anchor (สมอเรือ) ลุงคิดว่าผู้ออกแบบ HTML คงจะนั่งทำงาน อยู่แถวๆ แพปลากระมัง เลยใช้สมอเรือ เป็นสัญลักษณ์เชื่อมโยงซะเลย

แท็ก A จะต้องใช้ร่วมกับ HREF หรือ NAME หรือใช้ทั้งสองเลย
<A HREF="xxx"> จะใช้เพื่อบอกว่าจะเชื่อมต่อไปที่ไหน
<A NAME="xxx"> ทำหน้าที่เป็นตำแหน่งอ้างถึงบนเอกสาร

ถ้าจะสร้างจุดเชื่อมต่อหรือลิงค์ อย่างน้อยเธอต้องระบุสิ่งสำคัญ 2 ส่วนคือ หนึ่งระบุให้สิ่งใดเป็นจุดลิ้งค์ และสองเมื่อคลิกบนลิ้งค์แล้วจะให้ไปที่ไหน โครงสร้างของ HTML จะเป็นดังนี้

<A HREF=เป้าหมายที่จะไป>สิ่งที่จะเป็นลิงค์</A>
Sample here!
หรือองค์ประกอบเพิ่มเติมคุณสมบัติมีได้ ดังนี้ :
<A HREF="URLเป้าหมาย" NAME="ชื่อลิงค์" TARGET="ชื่อเฟรม/วินโดว์">สิ่งที่จะเป็นลิงค์</A>
ขยายความ:
  1. สิ่งที่อยู่ระหว่างคู่แท็ก <A HREF> ข้อความที่เห็นสีฟ้า </A> คือสิ่งที่จะถูกกำหนด ให้เป็นลิงค์ หรือเป็นบานประตูสลับสถานที่นั่นเอง สิ่งที่จะถูกกำหนดให้เป็นลิ้งค์ เป็นได้ทั้งข้อความ และรูปภาพ หากมีการระบุให้เป็นลิงค์แล้ว เมื่อนำเมาส์ไปวางไว้ บนลิงค์นั้น สัญลักษณ์เมาส์ จะเปลี่ยน เป็นรูปมือชี้ หากจุดลิงค์ เป็นข้อความ ก็จะเห็น ข้อความ มีขีดเส้นใต้ด้วย
  2. HREF คือเป้าหมายที่จะเชื่อมโยงไป เป็นได้หลายอย่างดังนี้
  3. NAME คือการะบุชื่อของจุดโยงบนเอกสาร มีไว้สำหรับให้คู่แท็ก <A HREF> อีกตัวหนึ่ง โยงมาหา อาจใช้เชื่อมโยง ภายในเอกสารเดียวกัน หรือเชื่อมโยง ข้ามเอกสารก็ได้ วิธีใช้ ให้คั่นชื่อด้วย # เช่น <A HREF="#abc">(ดูตัวอย่างประกอบ)
  4. TARGET คือการระบุว่าจะให้แสดงเอกสารใหม่ที่เชื่อมถึง บนเฟรมไหน หรือ วินโดว์บร๊าวเซอร์ไหน TARGET มีประโยชน์ ในกรณี ที่มีการใช้เฟรม หรือมี การเปิดบร๊าวเซอร์หลายหน้าต่าง และมี reserve name ที่ควรรู้ดังนี้
วันนี้พอแค่นี้ก่อนนะ อย่าลืม ศึกษาจากไฟล์ตัวอย่าง โดยคลิกที่รูปเครื่องฉายหนัง และไปแอบดู source code บนไฟล์ตัวอย่างนะจ๊ะ ไฟล์นี้ไม่ต้องดู เพราะไม่ได้ ทำคอมเม้นท์ ไว้บนหน้านี้จ๊ะ

คลิกตรงนี้หากต้องการปรึกษาลุงเปี๊ยก


แรก ก่อนหน้านี้ ถัดไป สุดท้าย  HTML Indexี บ้าน JAVA Index