โค้ด HTML ที่สามารถนำไปใช้งานจะมี 4 แบบ
1. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง">ข้อความ</a>
ตัวอย่าง: ข้อความ
2. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank">ข้อความ</a>
ตัวอย่าง: ข้อความ
อธิบาย: target="_blank" คือ เมื่อคลิกที่ลิงก์จะเป็นการเปิดแถบหน้าต่างใหม่
3. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank"><b>ข้อความ</b></a>
ตัวอย่าง: ข้อความ
อธิบาย: <b>...</b> คือ การทำให้ข้อความเป็นตัวหนา
4. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank"><i>ข้อความ</i></a>
ตัวอย่าง: ข้อความ
อธิบาย: <i>...</i> คือ การทำให้ข้อความเป็นตัวเอียง
Image Links คือ การเชื่อมโยงลิงก์ด้วยรูปภาพ มักใช้ในการเชื่อมโยงกับแบนเนอร์ป้ายโฆษณา หรือรูปภาพที่ต้องการเชื่อมโยงกับแหล่งที่มา และยังสามารถแสดงเพียงรูปภาพโดยไร้ซึ่งลิงก์เชื่อมโยงก็ย่อมได้
โค้ด HTML ที่สามารถนำไปใช้งานจะมี 3 แบบ
1. <img src="ที่อยู่ URL รูปภาพ" width="30px" height="30px" alt="ข้อความอธิบายสั้น ๆ เกี่ยวกับรูปภาพ" />
ตัวอย่าง:
อธิบาย: width="...px" height="...px" คือ กำหนด ความกว้าง ความสูง ของรูปภาพ
2. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank"><img src="ที่อยู่ URL รูปภาพ" width="30px" height="30px" alt="ข้อความอธิบายสั้น ๆ เกี่ยวกับรูปภาพ" /></a>
ตัวอย่าง:
อธิบาย: <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank">...</a> คือ ลิงก์ URL ที่จะใช้เชื่อมโยง
3. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank"><img src="ที่อยู่ URL รูปภาพ" border="1" width="30px" height="30px" alt="ข้อความอธิบายสั้น ๆ เกี่ยวกับรูปภาพ" /></a>
ตัวอย่าง:
อธิบาย: border="0" คือ กำหนดเส้นขอบรอบรูปภาพ ถ้าใส่ 0 จะไม่มีเส้นขอบ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น