19/9/58

การใช้งาน a tag เพื่อสร้างลิ้งในภาษา HTML

การใช้งาน a tag เพื่อสร้างลิ้งในภาษา HTML

บทความนี้เรามาดูวิธีการสร้างลิ้ง (Link) ในภาษา HTML โดยการสร้างลิ้งนั้นเราจะใช้แท็ก a ในการสร้าง เรามาดูตัวอย่างและวิธีการใช้งานแท็ก a กันครับ

มาดูตัวอย่างง่าย ๆ สำหรับการใช้งานแท็ก a กันครับ

<a href="http://www.doesystem.info/">Doesystem.info</a>

จากโค้ด HTML ข้างบนเราจะได้ว่า
- แท็ก a ใช้สำหรับการสร้างลิ้ง
- attribute ที่สำคัญที่สุดสำหรับแท็ก a ก็คือ href ซึ่งเอาไว้สำหรับกำหนด link เป้าหมาย

ในทุก ๆ บราวเซอร์ จะกำหนดค่าเริ่มต้นสำหรับแท็ก a ดังนี้
- link ที่ยังไม่มีการคลิกหรือการเข้าชม จะเป็นสีน้ำเงิน
- link ที่ได้มีการเข้าชมหรือเข้าไปดูแล้ว จะเป็นสีม่วง
- link ที่ได้มีการใช้งานอยู่(เอาเมาส์ชี้) จะมีขีดเส้นใต้ และสีแดง

ข้อควรรู้สำหรับการใช้งานแท็ก a
- ปกติ link ที่มีการเชื่อมโยงจะเปิดในหน้าบราวเซอร์ปัจจุบันที่ใช้งานอยู่ นอกจากจะมีการกำหนด target
- link สามารถใส่ Style ต่าง ๆ ได้โดยใช้ CSS

attribute ที่สำคัญที่ควรรู้สำหรับแท็ก a
- href
  ใช้สำหรับการกำหนด link เป้าหมาย
- target
  ใช้สำหรับกำหนดว่า link ที่เชื่อมโยงอยู่ต้องการเปิดที่ไหน value ที่ต้องการ _blank, _parent, _self,  _top, framename
- rel
  ใช้สำหรับกำหนดความสัมพันธ์ของลิ้งกับหน้าเอกสารปัจจุบัน value ที่ต้องการ alternateauthor, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag

***หมายเหตุ
ค่า value ของ attribute href นั้น สามารถกำหนดเป็น url หรือเป็น path ก็ได้

ไม่มีความคิดเห็น:

แสดงความคิดเห็น