wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

แบบทดสอบการสร้างการเชื่อมโยงด้วยภาษา HTML และ CSS

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

แท็ก HTML ที่ใช้สำหรับสร้างลิงค์คืออะไร

a)

<link>

b)

<a>

c)

<href>

d)

<url>

2.

แอตทริบิวต์ที่สำคัญที่สุดของแท็ก <a> ที่ใช้กำหนด URL ของลิงค์คืออะไร

a)
src
b)
alt
c)
title
d)
href
3.

การสร้างลิงค์ภายในหน้าเว็บเดียวกัน ใช้แอตทริบิวต์ href ในรูปแบบใด

a)
href='http://example.com'
b)
href='javascript:void(0)'
c)
href='page.html'
d)
href="#ID"
4.

แอตทริบิวต์ target="_blank" ในแท็ก <a> มีความหมายว่าอย่างไร

a)
เปิดลิงก์ในแท็บเดียวกัน
b)
เปิดลิงก์ในแท็บหรือหน้าต่างใหม่
c)
ปิดลิงก์ทันที
d)
เปิดลิงก์ในแอปพลิเคชันอื่น
5.

CSS สามารถใช้ตกแต่งลิงค์ได้อย่างไร

a)

เปลี่ยนสีของข้อความลิงค์เมื่อวางเมาส์

b)

เปลี่ยนรูปลักษณ์ของลิงค์เมื่อคลิก

c)

ทำให้ลิงค์มีภาพเคลื่อนไหว

d)

ทั้งหมดถูกต้อง

6.

ตัวเลือกใดต่อไปนี้เป็นตัวอย่างของการใช้ CSS เพื่อเปลี่ยนสีของลิงค์เมื่อวางเมาส์

a)
a:active { color: green; }
b)
a:link { color: blue; }
c)
a:visited { color: purple; }
d)
a:hover { color: red; }
7.

การสร้างลิงค์ไปยังอีเมล ใช้แอตทริบิวต์ href ในรูปแบบใด

a)

href="mailto:[อีเมล]"

b)

href="email:[อีเมล]"

c)

href="[อีเมล]"

d)

href="mailto:[อีเมล]?subject=Your%20Message

8.

ข้อใดต่อไปนี้ไม่ใช่แอตทริบิวต์ของแท็ก <a>

a)
src
b)

style

c)
href
d)
target
9.

การสร้างลิงค์ดาวน์โหลดไฟล์ PDF ใช้แอตทริบิวต์ href ในรูปแบบใด

a)

href="document.pdf"

b)

href="download.pdf"

c)

href="download.pdf?download"

d)

ทั้งหมดถูกต้อง

10.

ข้อใดต่อไปนี้เป็นการใช้ CSS เพื่อทำให้ลิงค์ไม่มีเส้นใต้เมื่อวางเมาส์

a)
a:hover { text-decoration: none; }
b)
a:hover { text-decoration: underline; }
c)
a:hover { border: none; }
d)
a:hover { color: red; }