ทดสอบหลังเรียนสัปดาห์ที่ 6

การสร้างลิงก์ที่เชื่อมโยงไปยังหัวข้อภายในหน้าเดียวกัน ต้องใช้โค้ดใด

• ก. <a href="#section1">Go to Section 1</a>

• ข. <a href="section1.html">Go to Section 1</a>

• ค. <a href="index.html#section1">Go to Section 1</a>

• ง. <a href="mailto:[e-mail]">Go to Section 1</a>

หากต้องการลิงก์ไปยังตําแหน่งที่กําหนดในหน้า HTML ปัจจุบัน ควรใช้วิธีใด

• ก. ใช้ URL แบบสัมพัทธ์

• ข. ใช้ URL แบบสัมบูรณ์

• ค. ใช้mailto:

• ง. ใช้tel:

ตัวอย่างการใช้ภาพเป็นลิงก์ที่ถูกต้องคืออะไร

• ก. <a href="page.html"><img src="image.jpg" alt="Description"></a>

• ข. <img href="page.html" src="image.jpg" alt="Description">

• ค. <a href="image.jpg"><img src="page.html" alt="Description"></a>

• ง. <a src="page.html"><img href="image.jpg" alt="Description"></a>

หากต้องการให้ผู้ใช้คลิกที่ภาพเพื่อไปยังหน้าเว็บอื่นๆ ควรใช้โค้ดใด

• ก. <img src="image.jpg" onclick="window.location.href='page.html';">

• ข. <a href="page.html"><img src="image.jpg" alt="Description"></a>

• ค. <a href="page.html"><img src="image.jpg" alt="Description"></a>

• ง. <img src="page.html" alt="Description">

ถ้าต้องการลิงก์ไปยังไฟล์ PDF จากหน้าเว็บ ควรใช้โค้ดใด

• ก. <a href="file.pdf">Download PDF</a>

• ข. <a href="file.pdf" download>Download PDF</a>

• ค. <a href="file.pdf" target="_blank">Download PDF</a>

• ง. <a href="file.pdf" rel="noopener">Download PDF</a>

หากต้องการสร้างลิงก์สําหรับส่งอีเมลไปยังที่อยู่อีเมลเฉพาะ ควรใช้โค้ดใด

• ก. <a href="mailto:[e-mail]">Send Email</a>

• ข. <a href="email:[e-mail]">Send Email</a>

• ค. <a href="sendmail:[e-mail]">Send Email</a>

• ง. <a href="mailto:[e-mail]?subject=Hello">Send Email</a>

ถ้าต้องการเปลี่ยนสีลิงก์เมื่อผู้ใช้วางเมาส์อยู่เหนือมัน ควรใช้โค้ด CSS ใด

• ก. a:hover { color: green; }

• ข. a:active { color: green; }

• ค. a:visited { color: green; }

• ง. a:link { color: green; }

หากต้องการให้ลิงก์เปลี่ยนสีเมื่อผู้ใช้คลิก ควรใช้โค้ด CSS อะไร

• ก. a:link { color: orange; }

• ข. a:hover { color: orange; }

• ค. a:visited { color: orange; }

• ง. a:active { color: orange; }

เพื่อกําหนดพื้นที่ที่คลิกได้ใน Image Map ควรใช้โค้ด HTML ใด

• ก. <map><area shape="rect" coords="34,44,270,350" href="link.html"></map>

• ข. <map><area shape="circle" coords="50,50,75" href="link.html"></map>

• ค. <map name="image-map"><area shape="rect" coords="34,44,270,350"

  href="link.html"></map>

• ง. <img src="image.jpg" usemap="#map">

ตัวอย่างโค้ด CSS ที่ใช้ในการสร้างลิงก์แบบ Rollover คืออะไร

• ก. a:hover { color: red; }

• ข. a:active { color: red; }

• ค. a:visited { color: red; }

• ง. a:link { color: red; }