wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

SNLTW

Total questions: 42

Worksheet time: 22mins

Name
Class
Date
1.

Cấu trúc file HTML đúng là gì?

a)

<html>
<body>
<head>
</head>
</body>
</html>

b)

<html>
<head>
</head>
<body>
</body>
</html>

c)

<head>
<body>
</body>
</head>
<html>
</html>

d)

<html>
<body>
</body>
</html>
<head>
</head>

2.

Thẻ HTML nào dùng để tạo liên kết đến một trang web khác?

a)

<link>

b)

<a>

c)

<url>

d)

<href>

3.

Thẻ nào trong HTML dùng để định nghĩa tiêu đề của một trang web?

a)

<header>

b)

<title>

c)

<head>

d)

<h1>

4.

Thuộc tính nào của thẻ <a> dùng để mở liên kết trong tab mới?

a)

newtab="true"

b)

target="_blank"

c)

open="new"

d)

href="_newtab"

5.

Thẻ <b> có tác dụng gì?

a)

In nghiêng văn bản

b)

In đậm văn bản

c)

Gạch chân văn bản

d)

Tạo liên kết

6.

Thuộc tính nào của thẻ <img> dùng để xác định đường dẫn hình ảnh?

a)

alt

b)

src

c)

href

d)

link

7.

Thẻ nào dùng để tạo một dòng ngắt trong HTML?

(a)  

8.

Thẻ nào không có thẻ đóng?

a)

<p>

b)

<img>

c)

<div>

d)

<h1>

9.

Có bao nhiêu cách sử dụng css trong html

(a)  

10.

Thuộc tính nào trong CSS dùng để thay đổi màu chữ?

a)

text-color

b)

color

c)

background-color

d)

text-style

11.

Thuộc tính background-color dùng để làm gì?

a)

Đổi màu chữ

b)

Đổi màu nền

c)

Tạo viền

d)

Căn lề

12.

Thuộc tính border dùng để làm gì?

a)

Tạo viền cho phần tử

b)

Căn lề phần tử

c)

Thêm nền cho phần tử

d)

Định dạng chữ

13.

Thuộc tính nào dùng để căn chỉnh văn bản vào giữa?

a)

align-text: center;

b)

text-align: center;

c)

center-text: align;

d)

text-position: middle;

14.

Thuộc tính margin dùng để làm gì?

a)

Tạo khoảng cách bên trong phần tử

b)

Tạo khoảng cách bên ngoài phần tử

c)

Tạo viền

d)

Định dạng chữ

15.

padding có tác dụng gì?

a)

Tạo khoảng cách bên ngoài phần tử

b)

Tạo khoảng cách bên trong phần tử

c)

Tạo viền

d)

Định dạng chữ

16.

Thuộc tính nào dùng để thiết lập độ rộng của phần tử?

a)

length

b)

width

c)

size

d)

height

17.

Khi sử dụng thẻ <img> trong HTML, nếu thuộc tính width và height đều được đặt, điều gì sẽ xảy ra nếu tỷ lệ hình ảnh không khớp với kích thước được chỉ định?

a)

Hình ảnh sẽ bị kéo dãn để khớp với kích thước được chỉ định

b)

Trình duyệt sẽ tự động cắt bớt hình ảnh để phù hợp

c)

Hình ảnh sẽ giữ nguyên tỷ lệ ban đầu và chỉ thay đổi theo width

d)

Hình ảnh sẽ không hiển thị nếu kích thước không khớp

18.

Trong mô hình hộp (Box Model) của CSS, thứ tự các thành phần từ trong ra ngoài là gì?

a)

Border → Padding → Content → Margin

b)

Content → Padding → Border → Margin

c)

Padding → Content → Border → Margin

d)

Content → Border → Padding → Margin

19.


-->Khi trang web được tải lên, đoạn văn bản "Hello World" sẽ xuất hiện như thế nào?

a)

Nằm trong nền màu đỏ và có chữ màu xanh nước biển

b)

Nằm ngoài nền màu xanh nước biển và có chữ đỏ

c)

Nằm trong nền màu đỏ và có chữ màu xanh lá cây

d)

Nằm trong nền màu xanh nước biển và có chữ màu xanh lá cây

20.

Thẻ HTML nào được sử dụng để tạo danh sách có thứ tự?

a)

<ul>

b)

<li>

c)

<ol>

d)

<list>

21.

Danh sách <ol> có thể sử dụng giá trị nào trong thuộc tính type để hiển thị số La Mã in hoa?

a)

1

b)

a

c)

A

d)

I

22.

Khi sử dụng danh sách <ol>, nếu muốn bắt đầu đánh số từ 5, bạn sử dụng thuộc tính nào?

a)

start="5"

b)

begin="5"

c)

initial="5"

d)

index="5"

23.

Phần tử HTML nào sau đây là phần tử khối (block)?

a)

span

b)

div

c)

a

d)

strong

24.

Đặc điểm nào đúng với phần tử inline-block trong CSS?

a)

Không cho phép đặt chiều rộng và chiều cao

b)

Chiếm toàn bộ chiều ngang của container

c)

Vẫn nằm trên cùng một dòng và có thể đặt kích thước

d)

Tự động đẩy xuống dòng mới

25.

Cú pháp chọn một phần tử có ID là "header" trong CSS là gì?

a)

.header {}

b)

#header {}

c)

header {}

d)

$header {}

26.

Sự khác biệt giữa class và id trong HTML là gì?

a)

Class được sử dụng một lần, ID dùng nhiều lần

b)

ID có thể áp dụng cho nhiều phần tử

c)

Không có sự khác biệt

d)

Class có thể áp dụng cho nhiều phần tử, ID thì không

27.

Một phần tử có thể có bao nhiêu class cùng lúc?

a)

một

b)

hai

c)

tối đa ba

d)

Không giới hạn

28.

Thuộc tính float: left trong CSS có tác dụng gì?

a)

Đưa phần tử lên đầu trang

b)

Đưa phần tử về bên trái và cho phép các phần tử khác lấp vào bên phải

c)

Làm phần tử ẩn đi

d)

Giữ nguyên phần tử ở vị trí trung tâm

29.

Thuộc tính clear được dùng để làm gì trong CSS?

a)

Xóa nội dung phần tử

b)

Xóa padding và margin

c)

Ngăn phần tử chồng lên phần tử đã float

d)

Làm rõ màu nền

30.

thuộc tính nào sau đây là một pseudo-class trong CSS?

a)

before

b)

hover

c)

after

d)

content

31.

Pseudo-element ::after thường được dùng để làm gì?

a)

Thêm nội dung phía trước phần tử

b)

Thêm nội dung phía sau phần tử

c)

Xóa phần tử

d)

Tạo hover effect

32.

Cú pháp khai báo biến CSS là gì?

a)

var-color: red;

b)

--color: red;

c)

$color: red;

d)

color-var: red;

33.

Cách sử dụng biến CSS là?

a)

use(--color)

b)

var(--color)

c)

color(--var)

d)

let color

34.

Cái nào sau đây là một hàm hợp lệ trong CSS?

a)

rgb(255, 0, 0)

b)

def(red)

c)

makeColor(red)

d)

color: function(red)

35.

Pseudo-class :nth-child(2) chọn phần tử nào?

a)

Phần tử đầu tiên

b)

Phần tử có class "child"

c)

Phần tử thứ hai trong danh sách cùng cấp

d)

Phần tử cuối cùng

36.

Bạn có một trang HTML và bạn muốn gán cùng một kiểu chữ cho 5 phần tử có cùng class "title", và một màu nền đặc biệt cho phần tử có id "main-title". Đoạn CSS nào dưới đây là đúng và hiệu quả?

a)

.title { font-family: Arial; }
#main-title { background-color: yellow; }

b)

title { font-family: Arial; }

id.main-title { background-color: yellow; }

c)

#title { font-family: Arial; }

.main-title { background-color: yellow; }

d)

class.title { font-family: Arial; }
#main-title { background-color: yellow; }

37.

Bạn muốn tất cả các thẻ <button> thay đổi màu nền khi người dùng di chuột vào, và thêm dấu ✔ phía sau nội dung của nút khi đang được hover. Đoạn CSS nào sau đây là đúng?

a)

button:hover { background-color: green; content: "✔"; }

b)

button:hover { background-color: green; }
button:hover::after { content: "✔"; }

c)

button::hover { background-color: green; }
button::hover::after { content: "✔"; }

d)

button:after:hover { content: "✔"; background-color: green; }

38.

Chữ nào trong danh sách trên có màu đỏ?

a)

mot

b)

hai

c)

bon

d)

nam

39.

Kết quả của đoạn chương trình trên là?

a)

b)

c)

d)

40.

Thuộc tính position: absolute có đặc điểm gì?

a)

Phần tử được định vị tương đối với cửa sổ trình duyệt

b)

Phần tử được định vị theo vị trí ban đầu của nó trong luồng tài liệu

c)

Phần tử được định vị so với phần tử cha gần nhất có position khác static

d)

Phần tử luôn nằm ở giữa màn hình

41.

Khi nào nên sử dụng position: fixed?

a)

Khi muốn phần tử luôn xuất hiện tại một vị trí cụ thể, bất kể cuộn trang

b)

Khi muốn phần tử di chuyển theo cuộn trang

c)

Khi muốn phần tử tự động căn giữa

d)

Khi muốn phần tử nằm phía dưới các phần tử khác

42.

Giá trị position: relative có tác dụng gì nếu không có thuộc tính top, left, right, hoặc bottom đi kèm?

a)

Không có tác dụng gì

b)

Phần tử bị ẩn đi

c)

Phần tử vẫn thay đổi vị trí một cách ngẫu nhiên

d)

Phần tử vẫn ở vị trí ban đầu nhưng trở thành mốc tham chiếu cho các phần tử absolute con