<head>
<title>Link </title>
</head>
<body>
<a href=indexhtml.htm> <img src=picture.jpg></a>
<a href=indexhtml.htm> <img src=picture.jpg border=0></a>
</body>
</html>
|
|
นอกจากเราจะแสดงการเชื่อมโยงข้อมูลด้วยตัวอักษรแล้ว เรายังสามารถแสดงรูปภาพแทนตัวอักษรด้วยคำสั่ง
<img src=รูปภาพ> อยู่ในระหว่างคำใช้ที่ใช้ในการเชื่อมโยงข้อมูล เช่น ตัวอย่าง
| Source | View |
|
<html> <head> <title>Link </title> </head> <body> <a href=indexhtml.htm> <img src=picture.jpg></a> <a href=indexhtml.htm> <img src=picture.jpg border=0></a> </body> </html> |
|
|
NOTE & TIP !!หากไม่ต้องการให้รูปภาพมีกรอบ ให้เพิ่มแอตทริบิวต์ Border=0 ใน Tag <img> ดังตัวอย่างด้านบน
|
การแสดงข้อความอธิบายรูปภาพ ( Alt=ข้อความ)
ใช้สำหรับผู้ใช้การแสดงผลแบบเท็กซ์ เพื่ออธิบายความหมายของรูปภาพนั้นๆ
โดยเพิ่มแอตทริบิวต์ Alt=ข้อความ ใน Tag <timg> ดังตัวอย่าง
ตัวอย่าง
| Source | View |
|
<html> <head> <title>Link </title> </head> <body> <a href=indexhtml.htm> <img src=picture.jpg alt=Titanic></a> </body> </html> |
|
|
NOTE & TIP !!ผู้ใช้แบบกราฟฟิกสามารถดูคำอธิบายได้โดยการเอา Mouse ไปวางไว้บนรูปสักครู่ โดยลักษณะนี้สนับสนุนกับ
Browser Netscape 4.x, Internet Explorer 3.x, Internet Explorer 4.x
|
การเชื่อมโยงข้อมูลภาพเคลื่อนไหวและเสียง
การนำภาพเคลื่อนไหวหรือไฟล์เสียงมาใช้ในการเชื่อมโยงข้อมูลนั้นทำเหมือนกับ
การใช้รูปภาพในการเชื่อมโยง เพียงแต่เปลี่ยนจากไฟล์ .gif หรือ .jpg เป็น .avi , mov . mid เป็นต้น แต่ต้องแน่ใจว่าบราวเซอร์ สามารถอ่านไฟล์นั้นได้
เช่นไฟล์ .MOV ต้องมีการติดตั้ง Plugin ที่ชื่อQuick Time Movie เป็นต้น
ดังนั้นไฟล์ที่สามารถนำมาใช้กับบราวเซอร์จึงแบ่งออกเป็น 2 ประเภท ดังนี้
ตัวอย่าง
| Source | View |
|
<html> <head> <title>Link </title> </head> <body> <a href=002.mid> Cool! Song</a> </body> </html> |
Cool! Song |
เมื่อกดที่ข้อความCool! Song บราวเซอร์จะทำการเล่นไฟล์ที่ชื่อว่า 002.MID ซึ่งเป็นไฟล์เสียง
หากบราว์เซอร์ไม่รู้จัก เราสามารถเรียกได้ว่า จะให้ใช้โปรแกรมภายนอกเล่นไฟล์นี้ หรือจะให้ทำการจัดเก็บเพื่อนำไปเล่นในโอกาสต่อไป
การกำหนดสีของตัวอักษรในจุดที่มีการเชื่อมโยงข้อมูล
สำหรับการควบคุมสีของตัวอักษรนั้น เราได้เรียนรู้ไปแล้วใน Lession 1
แต่คราวนี้เราจะมาเรียนรู้ถึงวิธีการกำหนดสีของตัวอักษรในจุดที่มีเชื่อมโยงข้อมูล โดยการ
เพิ่มแอตทริบิวต์ Link=#rrggbb Vlink=#rrggbb Alink=#rrggbb ไว้ในแท็ก <Body>
โดยที่ Link เป็นสีตัวอักษรก่อนที่จะมีการเชื่อมโยง Alink เป็นสีของตัวอักษรขณะกำลังถูกเลือก
และ Vlinkเป็นสีตัวอักษรหลังจากที่มีการเชื่อมโยงข้อมูลแล้ว ส่วน rrggbb ใช้แทนสีซึ่งใช้เหมือนกับการกำหนดสีของตัวอักษรใน Lession 1
ตัวอย่าง
| Source | View |
|
<html> <head> <title>Link </title> </head> <body link="#FF0000 alink="#00FF00" vlink="#0000FF"> &l;ta href=xxx.htm>สีของตัวอัษรที่เชื่อมโยง<br> &l;ta href=xxx.htm>สีของตัวอัษรที่กำลังเชื่อมโยง<br> &l;ta href=xxx.htm>สีของตัวอัษรที่เชื่อมโยงแล้ว<br> </body> </html> |
สีของตัวอักษรที่เชื่อมโยง สีของตัวอักษรที่กำลังเชื่อมโยง สีของตัวอักษรที่เชื่อมโยงแล้ว |