wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Kiến thức cơ bản HTML & CSS

Total questions: 30

Worksheet time: 15mins

Name
Class
Date
1.

1. Thẻ nào dưới đây sẽ hiển thị văn bản kích cỡ lớn nhất?

a)

<p>

b)

<h1>

c)

<b>

d)

<h6>

2.

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

a)

CSS là một loại HTML

b)

HTML cung cấp cấu trúc trang web. CSS cung cấp kiểu dáng.

c)

CSS cung cấp cấu trúc trang web. HTML cung cấp kiểu dáng.

d)

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

3.

Sử dụng thẻ nào để tạo một danh sách có thứ tự (được đánh số) ?

a)

<ol>

b)

<ul>

c)

<li>

d)

<ui>

4.

CSS là viết tắt của từ gì?

a)

Creative Style Sheets

b)

Cascading Style Sheets

c)

Colorful Style Spread

d)

Computer Style Spread

5.

Thẻ nào dưới đây tạo liên kết đúng cú pháp ?

a)

<a>http://codienhanoi.edu.vn/vi/</a>

b)

<a url="codienhanoi.edu.vn">HCEM</a>

c)

<a href="codienhanoi.edu.vn">HCEM</a>

d)

<a link="codienhanoi.edu.vn">HCEM</a>

6.

Dòng lệnh nào dưới đây dùng để mở một liên kết trong cửa sổ trình duyệt / tab mới?

a)

<a href="url" target="_blank">

b)

<a href="url" target="new">

c)

<a href="url" target="blank">

d)

<a href="url" target="_new">

7.

Cú pháp HTML để chèn 1 hình ảnh ?

a)

<img href="image.gif" alt="MyImage">

b)

<image src="image.gif" alt="MyImage">

c)

<img src="image.gif" alt="MyImage">

d)

<img alt="MyImage">image.gif</img>

8.

Để chèn 1 phần tử âm thanh vào trong trang web ta dùng thẻ gì ?

a)

<music>

b)

<audio>

c)

<mp3>

d)

<sound>

9.

Để tạo phần tử giống hình ảnh, thuộc tính border-style có giá trị là gì ?

a)

solid

b)

inset

c)

dashed

d)

double

10.

Thuộc tính CSS nào thay đổi kích cỡ chữ?

a)

font-style

b)

font-size

c)

text-style

d)

text-size

11.

Phần tử div có style như sau

padding : 10px 5px 15px 20px


tương ứng padding-bottom bằng bao nhiêu ?

a)

10px

b)

5px

c)

15px

d)

20px

12.

Thuộc tính CSS nào để thay đổi lề trái của một phần tử ?

a)

padding-right

b)

margin-left

c)

margin-bottom

d)

padding-top

13.

Đâu là cú pháp CSS chính xác?

a)

body:color=black;

b)

{body;color:black;}

c)

body {color: black;}

d)

{body:color=black;}

14.

Mã HTML nào là đúng để liên kết đến CSS?

a)

b)

c)

d)

15.

Dùng câu lệnh CSS nào để thêm màu nền cho tất cả các phần tử <h1> ?

a)

all.h1 {background-color:#FFFFFF;}

b)

h1.all {background-color:#FFFFFF;}

c)

h1 {background-color:#FFFFFF;}

d)

.all.h1 {background-color:#FFFFFF;}

16.

Sử dụng CSS thế nào để hiển thị một đường viền như sau:


Đường viền trên = 10 pixel

Đường viền dưới = 5 pixel

Đường viền trái = 20 pixel

Đường viền phải = 1pixel

a)

border-width:10px 1px 5px 20px;

b)

border-width:10px 5px 20px 1px;

c)

border-width:10px 20px 5px 1px;

d)

border-width:5px 20px 10px 1px;

17.

Làm cách nào để sử dụng CSS chọn một phần tử có class là 'demo'?

a)

*demo

b)

#demo

c)

~demo

d)

.demo

18.

Làm cách nào để sử dụng CSS chọn một phần tử có class là 'test' ?

a)

.test

b)

test

c)

#test

d)

*test

19.

Dòng lệnh nào để tùy chỉnh đối tượng ID là header có thuộc tính: chiều rộng là 750px, chiều cao là 30px và màu chữ của văn bản là đen?

a)

#header { height: 30px; width: 750px; color: black; }

b)

.header { height: 30px; width: 750px; colour: black; }

c)

#header { height: 30px; width: 750px; text: black; }

d)

.header { height: 30px; width: 750px; color: black; }

20.

Thuộc tính nào dùng để tạo bo tròn cho viền phần tử?

a)

border-style

b)

border-width

c)

border-radius

d)

border-round

21.

Để tạo phần tử <input> có thể chọn nhiều tùy chọn, thẻ <input type="???"> ?

a)

checkbox

b)

checked

c)

radio

d)

checkmark

22.

Cú pháp CSS để đặt kích thước phông chữ của thẻ <p> là 14px?

a)

p {14px}

b)

p {font-size: 14px;}

c)

p {text-size: 14px;}

d)

p {font: 14px;}

23.

Thuộc tính CSS nào được sử dụng để thay đổi màu nền?

a)

background-color:

b)

bg-color:

c)

bground:

d)

b-color:

24.

Thuộc tính CSS nào sau đây được sử dụng để căn chỉnh lề văn bản ?

a)

text-indent

b)

text-align

c)

text-decoration

d)

text-transform

25.

Phần màu cam như trên của 1 phần tử html gọi là gì ?

a)

padding

b)

margin

c)

border

d)

element

26.

Để khai báo một input nhập vào các ký tự mã hóa nhằm bảo mật dữ liệu, ta dùng thẻ <input type='?'>

a)

passcode

b)

password

c)

text

d)

number

27.

Trong CSS, thuộc tính nào dùng để căn giữa các nội dung theo chiều ngang trong flexbox?

a)

direction-items: center;

b)

justify-content: center;

c)

text-align: center;

d)

content-align: center

28.

Cú pháp CSS chính xác để làm đậm tất cả các phần tử <p> là gì?

a)

b)

c)

d)

29.

Dùng thuộc tính CSS nào để hiển thị liên kết mà ko có gạch chân bên dưới?

a)

a {decoration:no underline}

b)

a {text-decoration:no underline}

c)

a {underline:none}

d)

a {text-decoration:none}

30.

HTML là viết tắt của cụm từ nào?

a)

HyperText Markup Link

b)

HyperText Markup Language

c)

High Text Markup Language

d)

HyperText Makeup Language