ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » html เบื้องต้น

HTML Hyperlinks (Links)

Submitted by on วันพุธ, 28 กันยายน 2011No Comment


คำค้นหา: , , , ,

link dreamweaver HTML Hyperlinks (Links)

HTML Hyperlinks (Links)

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

รูปแบบการสร้าง Link ด้วยภาษา HTML

Link text...

จากรูปแบบด้านบนสามารถอธิบายได้เป็นส่วนๆว่า
<a> คือการกำหนดในหน้า Webpage ว่าเป็นลิงค์ โดยรูปแบบการทำลิงค์นี้ ต้องมีการเปิดแท็ก <a> และปิดแท็ก</a> หากไม่มีการปิดแท็ก ลิงค์ก็จะครอบคลุ่มทั้งหมด

ตัวอย่าง
หากมีการเขียนอย่างถูกต้องจะเป็น Hyperlink ในส่วนที่เรากำหนด

html link1 400x101 HTML Hyperlinks (Links)

link html ที่เขียนอย่างถูกต้อง

หากมีการเขียนไม่ถูกต้องจะเป็น Hyperlink ทั้งหมดตั้งแต่อยู่ในส่วนของ <a>

html link 400x84 HTML Hyperlinks (Links)

link html ที่เขียนอย่างไม่ถูกต้อง

สำหรับการทำลิงค์นั้น เราสามารถระบุ ปลายทางที่ต้องการให้ผู้ใช้ไปยังเป้าหมายได้โดยการใส่ในส่วนของ href=”เป้าหมายที่ต้องการ”
ตัวอย่างเราต้องการทำลิงค์ไปยังเว็บไซต์ของ Google.com เราก็จะเขียนได้ดังนี้

<a href="http://www.Google.com>ทำลิงค์ไปยังเว็บ กูลเกิ้ล</a>

หรือหากทีการเชื่อมโยงหรือทำลิงค์ไปยังไฟล์ต่างๆ หรือ ไฟล์ที่ต้องการดาวน์โหลด ก็ให้กำหนดที่อยู่ของไฟล์นั้นๆให้ถูกต้อง เช่น ดาวน์โหลดไฟล์ aaa.rar ที่อยู่ในเว็บไซต์ sadung.com เราก็สามารถทำลิงค์ได้ดังนี้

<a href="http://www.sadung.com/aaa.rar>ดาวน์โหลดไฟล์</a>

สำหรับการทำลิงค์ใน HTML นั้นยังมี Attributes หนึ่งที่เกี่ยวข้องกับ การทำลิงค์ นั้นคือ target โดยจะมีความสำคัญคือเป็นการกำหนดว่าต้องการทำลิงค์ไปในรูปแบบไหน
เช่น เปิดหน้าเว็บเพจใหม่ หรือทำลิงค์โดยเชื่อมโยง ย้ายจากหน้าเดิมเป็นต้น
โดยค่าของ Attributes target นี้ที่สามารถใส่ไปได้จะมี
_blank ความหมาย คือ กำหนดว่าเปิดหน้าต่างใหม่ สำหรับเว็บเพจใหม่เมื่อมีการคลิกที่ลิงค์
_parent ความหมาย คือ กำหนดใช้หน้าต่างเดิม สำหรับเปิดเว็บเพจใหม่
_self ความหมาย คือ กำหนดใช้หน้าต่างเดิม สำหรับเปิดเว็บเพจใหม่ (ลิงค์แบบนี้จะใช้กับ iframe)
_top ความหมาย คือ กำหนดใช้หน้าต่างใหม่ สำหรับเปิดเว็บเพจใหม่ (ลิงค์แบบนี้จะใช้กับ iframe)

<<< google Plus (กูเกิ้ล พลัส)ซัดที่นี่


Related Posts

คุณอาจจะสนใจ บทความต่อไปนี้(มั้ง)

  สามารถนำบทความไปเผยแพร่ต่อได้ แต่ต้องทำ ลิงค์กับมาที่บทความนั้นๆด้วยนะครับ หากไม่ทำตามจะมีความผิดทางกฏหมายตาม พรบ. เกี่ยวกับลิขสิทธิ์ นะครับ


Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can add images to your comment by clicking here.