wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Trắc nghiệm HTML CSS

Total questions: 30

Worksheet time: 15mins

Name
Class
Date
1.

Javascript là ngôn ngữ xử lý ở?

a)

Client

b)

Server

c)

Client và Server

d)

Không dạng nào

2.

Để khai báo thành phần cho phép người dùng nhập văn bản, ta dùng thẻ:

a)

Thẻ <a>

b)

Thẻ <input>

c)

Thẻ <p>

d)

Thẻ <div>

3.

Chọn thẻ HTML đúng nhất cho định dạng tiêu đề lớn nhất?

a)

<h1>

b)

<head>

c)

<h6>

d)

<heading>

4.

Thẻ nào dùng để xuống dòng trong HTML?

a)

<enter>

b)

<br>

c)

<break>

d)

<li>

5.

Mã HTML nào thực hiện việc thêm màu nền cho trang web?

a)

<body style="background-color:red;">

b)

<body bg="red">

c)

 <background>red</background>

d)

 <body style="color:red;">

6.

Mã HTML chính xác để tạo liên kết là...

a)

<a name="https://yersin.edu.vn">Trường Yersin</a>

b)

<a href="https://yersin.edu.vn">Trường Yersin</a>

c)

<a url="https://yersin.edu.vn">Trường Yersin</a>

d)

<a>https://yersin.edu.vn</a>

7.
Trong HTML, onblur và onfocus là:
a)
Phần tử HTML
b)
Thuộc tính Event
c)
Thuộc tính Style
d)
Thuộc tính hình ảnh
8.
Thẻ HTML nào được sử dụng để chỉ định chân trang của 1 trang web?
a)
<section>
b)
<footer>
c)
<bottom>
d)
<header>
9.
Thẻ HTML nào dùng để xác định tiêu đề của một trang?
a)
<meta>
b)
<head>
c)
<header>
d)
<title>
10.

Cách nào đúng nhất để nhúng 1 file css vào HTML?

a)

<link rel="stylesheet" href="mystyle.css">

b)

<stylesheet>mystyle.css</stylesheet>

c)

<style src="mystyle.css">

d)

<link rel="stylesheet" type="text/css" href="mystyle.css">

11.

Vị trí để nhúng 1 file CSS bên ngoài vào tài liệu HTML là?

a)

Trong phần head

b)

Trong phần footer

c)

Trong phần body

d)

Bất kỳ vị trí nào

12.

Thẻ Html nào để chứa các thẻ định dạng CSS trong 1 tài liệu HTML?

a)

Thẻ <script>

b)

Thẻ <style>

c)

Thẻ <css>

d)

Tất cả các thẻ trên

13.
Làm cách nào để tạo đường viền có thông số: Viền trên:20px Viền dưới: 10px Viền trái:5px Viền phải: 1 px
a)
border-width:20px 10px 5px 1px;
b)
border-width:20px 1px 10px 5px;
c)
border-width:20px 5px 10px 1px;
d)
border-width:20px 1px 5px 10px;
14.
Để tìm thành phần có tên class là 'test' để định dạng CSS?
a)
test
b)
#test
c)
*test
d)
.test
15.
Theo mô hình box thì các thành phần từ ngoài vào trong sắp xếp theo thứ tự là:
a)
Margin>Border>Padding>Content
b)
Margin>Padding>Border>Content
c)
Padding>Border>Margin>Content
d)
Padding>Margin>Border>Content
16.
Để định dạng tất cả thẻ p có chữ màu đỏ:
a)
p {color:red }
b)
all.p {color:red}
c)
p {font-color:red}
d)
.p {font-color:red}
17.
Để chọn tất cả thành phần <p> con cháu của thẻ cha có id là text:
a)
.text p
b)
#text p
c)
#text.p
d)
.text>p
18.
Để áp dụng thuộc tính chiều cao 10px và chiều rộng 10px cho thẻ <a> ta phải thiết lập các thuộc tính nào cho thẻ <a>?
a)
dispay: inline, width: 10px và height:10px
b)
width: 10px và height:10px
c)
display:inline-block, width: 10px và height:10px
d)
Cả 3 đáp án đều đúng
19.
Thẻ <span> <a> <img> là thẻ html có thuộc tính display có mặc định là gì?
a)
Inline
b)
Block
c)
Inline-block
d)
Cả 3 đều đúng
20.
Thẻ nào có chức năng tạo danh sách không thứ tự?
a)
<ul></ul>
b)
<ol></ol>
c)
<li></li>
d)
Cả 3 thẻ
21.
Thẻ nào có chức năng tạo nút cho phép lựa chọn duy nhất 1 trong nhiều lựa chọn?
a)
<input type="button">
b)
<input type="submit">
c)
<input type="checkbox">
d)
<input type="radio">
22.
Sự kiện nào cho phép các lệnh/hàm Javascript thực thi khi trang được tải xong?
a)
ononline
b)
onload
c)
onclick
d)
onmouseover
23.
Vị trí của phần tử sẽ là tương đối so với vị trí tĩnh bạn đặt và khoảng không gian xung quanh phần tử sẽ được giữ nguyên, ta dùng thuộc tính:
a)
Position: Absolute
b)
Postion: relatived
c)
Position: fixed
d)
Position: sticky
24.
Phần tử được định vị sẽ thay đổi vị trí dựa trên thao tác cuộn của người dùng. Phần tử sẽ linh động chuyển từ trạng thái relative sang fixed và ngược lại. Ta dùng thuộc tính
a)
Position: Absolute
b)
Postion: relatived
c)
Position: fixed
d)
Position: sticky
25.
Để thu thập dữ liệu người dùng nhập vào, ta dùng thành phần HTML nào?
a)
Thẻ <p>
b)
Thẻ <form>
c)
Thẻ <html>
d)
Tất cả các thẻ trên
26.
Thuộc tính cho phép sắp xếp thứ tự các thành phần khi bị chồng lên nhau
a)
display
b)
position
c)
Z-index
d)
float
27.
Làm sao để khi click chuột vào link thì tạo ra cửa sổ mới?
a)
<a href="url" new>
b)
<a href="url" target="new">
c)
<a href="url" target="_blank">
d)
<a href="url"blank="new">
28.
JavaScript có thể làm gì trong trang web
a)
Tạo menu xổ xuống (menu con) trong thanh menu
b)
Tạo các hiệu ứng trong trang web như slide show, carousel, tab ...
c)
Ẩn hiện hình, đổi hình khi đưa chuột vào...
d)
Ba phát biểu trên đều đúng
29.

Hãy định dạng cho thẻ <p> với font chữ Arial. kích cỡ chữ 20px, kiểu Sans-serif:

a)

font-family: 20px Arial, sans-serif;

b)

font-family: 20px sans-serif Arial ;

c)

font: 20px Arial, sans-serif;

d)

font: 20px sans-serif Arial ;

30.

Hãy định dạng cho thẻ <a> khi rê chuột vào chữ chuyển sang màu blue

a)

a:visited {

color: blue

}

b)

a:hover {

color: blue

}

c)

a:link {

color: blue

}

d)

a:active {

color: blue

}