wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Bài tập trắc nghiệm HTML/CSS – Lớp 12

Total questions: 21

Worksheet time: 11mins

Name
Class
Date
1.

Chọn một phương án đúng. Phần tử khối trong HTML thường có đặc điểm gì?

a)

Luôn nằm trong một phần tử khác

b)

Không có chiều rộng cố định

c)

Bắt đầu từ đầu hàng và kéo dài suốt chiều rộng của trang web

d)

Luôn là phần tử inline

2.

Chọn một phương án đúng. Trong CSS, thuộc tính display: none; có tác dụng gì?

a)

Chuyển phần tử thành phần tử inline

b)

Chuyển phần tử thành phần tử block

c)

Ẩn phần tử mà không hiển thị trên trang web

d)

Chuyển phần tử thành phần tử nội tuyến

3.

Chọn một phương án đúng. Các thuộc tính khung trong CSS không áp dụng được cho loại phần tử nào?

a)

Phần tử khối

b)

Phần tử nội tuyến

c)

Phần tử block

d)

Phần tử với ID cụ thể

4.

Chọn một phương án đúng. Để định dạng một nhóm phần tử có cùng ý nghĩa, ta nên sử dụng bộ chọn nào?

a)

ID

b)

Class

c)

Inline

d)

Block

5.

Chọn một phương án đúng. Mỗi phần tử HTML có thể có bao nhiêu ID?

a)

Nhiều ID

b)

Một ID

c)

Không có ID

d)

Tùy thuộc vào phần tử

6.

Chọn một phương án đúng. Khi đặt tên cho ID và class, điều nào không đúng?

a)

Tên phải phân biệt chữ hoa và chữ thường

b)

Tên bắt đầu bằng số

c)

Không chứa dấu cách và các ký tự đặc biệt

d)

Phải có ít nhất một ký tự không phải là số

7.

Chọn một phương án đúng. Bộ chọn CSS với ID được viết như thế nào?

a)

.idname {thuộc tính: giá trị;}

b)

#idname {thuộc tính: giá trị;}

c)

id=idname {thuộc tính: giá trị;}

d)

.id {thuộc tính: giá trị;}

8.

Chọn một phương án đúng. Trong HTML, các phần tử bảng được tạo bằng thẻ nào?

a)

<p>

b)

<div>

c)

<table>

d)

<span>

9.

Chọn một phương án đúng. Để định dạng ô tiêu đề trong bảng HTML, ta sử dụng thẻ nào?

a)

<tr>

b)

<th>

c)

<td>

d)

<caption>

10.

Chọn một phương án đúng. Phần tử có thể thuộc nhiều class bằng cách nào?

a)

Dùng dấu phẩy giữa các tên class

b)

Dùng dấu chấm giữa các tên class

c)

Đặt các tên class cách nhau bởi dấu cách

d)

Không thể có nhiều class

11.

Chọn một phương án đúng. Em có thể thay đổi loại phần tử HTML bằng thuộc tính gì?

a)

show

b)

display

c)

type

d)

section

12.

Chọn một phương án đúng. Để định dạng khoảng cách từ vùng text đến đường viền ngoài của khung, em sử dụng thuộc tính nào?

a)

margin

b)

spacing

c)

padding

d)

border-width

13.

Chọn một phương án đúng. Cách thiết lập các mẫu định dạng với các phần tử có id tương ứng là

a)

.idname {thuộc tính: giá trị;}

b)

id[name] {thuộc tính: giá trị;}

c)

#idname {thuộc tính: giá trị;}

d)

idname {thuộc tính: giá trị;}

14.

Chọn một phương án đúng. Cho mẫu CSS và kết quả nhận được như sau: Em cần thêm thuộc tính nào vào đoạn mã CSS để nhận được kết quả dưới đây?

a)

margin: 20px;

b)

border-space: 20px;

c)

white-space: 20px;

15.

Để áp dụng định dạng cho tất cả các phần tử có tên lớp đồng thời là product và beauty, em cần thiết lập bộ chọn lớp CSS như thế nào?

a)

.product.beauty.

b)

#product#beauty.

c)

product.beauty.

d)

. product-beauty.

16.

Các thẻ (hay phần tử HTML) được chia thành những loại nào?

a)

Khối và ngoại tuyến.

b)

Nội tuyến và ngoại tuyến.

c)

Khối và nội tuyến.

d)

Trong và ngoài.

17.

Phần tử HTML nào sau đây thuộc loại nội tuyến?

a)

script.

b)

table.

c)

li.

d)

article.

18.

Thuộc tính nào sau đây chỉ áp dụng cho phần tử dạng khối?

a)

margin.

b)

padding.

c)

border-style.

d)

width.

19.

Phát biểu nào sau đây sai?

a)

Một phần tử có thể thuộc nhiều lớp khác nhau.

b)

Có thể thiết lập bộ chọn là thuộc tính trong CSS.

c)

Tên của id và class phân biệt chữ in hoa, in thường.

d)

Các thuộc tính liên quan đến khung của một phần tử HTML đều có tính kế thừa.

20.

Thuộc tính border-style không nhận giá trị nào sau đây?

a)

Groove.

b)

Shadow.

c)

Ridge.

d)

Dashed.

21.

Cho mẫu CSS sau: h1 {padding: 5px 10px 3px 20px;}. Phát biểu nào sau đây đúng?

a)

padding-left = 3px.

b)

padding-top = 20px.

c)

padding-right = 10px.

d)

padding-bottom = 5px.