wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Câu hỏi về HTML và CSS

Total questions: 78

Worksheet time: 42mins

Name
Class
Date
1.

Thẻ HTML nào sau đây dùng để tạo biểu mẫu?

a)

<div>

b)

<form>

c)

<table>

d)

<span>

2.

Thuộc tính nào của thẻ dùng để chỉ định loại dữ liệu nhập?

a)

id

b)

type

c)

name

d)

value

3.

Thẻ nào sau đây được dùng để nhập mật khẩu?

a)

<input type='text'>

b)

<input type='password'>

c)

<input type='radio'>

d)

<input type='file'>

4.

Thẻ

a)

id

b)

for

c)

name

d)

type

5.

Phần tử nào dùng để tạo danh sách thả xuống trong biểu mẫu?

a)

<select>

b)

<textarea>

c)

<input>

d)

<button>

6.

Để gửi dữ liệu biểu mẫu về máy chủ, ta sử dụng loại nút nào?

a)

<button type='button'>

b)

<input type='submit'>

c)

<input type='file'>

d)

<input type='reset'>

7.

Thẻ nào sau đây tạo vùng nhập văn bản nhiều dòng?

a)

<input>

b)

<textarea>

c)

<select>

d)

<datalist>

8.

Khi nào nên sử dụng thẻ

trong biểu mẫu?

a)

Khi cần tạo nút gửi tin văn bản.

b)

Khi nhóm phần tử liên quan.

c)

Khi thêm tiêu đề nhỏ gọn.

d)

Khi nhập dữ liệu bắt buộc.

9.

Điểm khác biệt giữa thẻ <radio> và <checkbox> là gì?

a)

Không có điểm khác biệt giữa thẻ <radio> và <checkbox>

b)

<radio> chỉ chọn một giá trị, <checkbox> có thể chọn nhiều giá trị

c)

<radio> để nhập văn bản, <checkbox> để có thể chọn nhiều giá trị khác nhau

d)

Cả hai đều dùng để chọn một giá trị

10.

Thuộc tính value của thẻ <button> có chức năng gì?

a)

Đặt tên cho nút

b)

Chỉ định đường dẫn cho nút

c)

Hiển thị văn bản trên nút

d)

Liên kết với thẻ <label>

11.

Thẻ nào giúp người dùng chọn file để tải lên?

a)

<input type='text'>

b)

<input type='file'>

c)

<input type='submit'>

d)

<textarea>

12.

Thuộc tính nào của thẻ <form> xác định nơi gửi dữ liệu?

a)

action

b)

method

c)

id

d)

type

13.

Một biểu mẫu đăng ký thường bao gồm các thành phần nào?

a)

<input>, <label>, <select>

b)

<div>, <span>, <img>

c)

<a>, <p>, <h1>

d)

<table>, <tr>, <td>

14.

Trong cấu trúc CSS, phần nào xác định các thẻ HTML nào sẽ được áp dụng định dạng?

a)

Vùng mô tả

b)

Thuộc tính

c)

Bộ chọn

d)

Giá trị

15.

Cách nào không phải là một cách thiết lập CSS?

a)

CSS trong

b)

CSS ngoài

c)

CSS nội tuyến

d)

CSS tích hợp

16.

Để kết nối tệp CSS với tệp HTML, bạn có thể sử dụng thẻ nào trong phần <head>?

a)

<script>

b)

<style>

c)

<link>

d)

<import>

17.

Cấu trúc của một mẫu định dạng CSS đơn giản nhất bao gồm phần nào?

a)

Chỉ bộ chọn

b)

Chỉ vùng mô tả

c)

Bộ chọn và vùng mô tả

d)

Bộ chọn, vùng mô tả và thuộc tính

18.

Cách nào cho phép định dạng CSS trực tiếp trong các phần tử HTML?

a)

CSS trong

b)

CSS ngoài

c)

CSS nội tuyến

d)

CSS liên kết

19.

Cấu trúc tổng quát của mỗi mẫu định dạng CSS có mấy phần?

a)

2

b)

3

c)

4

d)

5

20.

Vùng mô tả (declaration block) của một mẫu định dạng CSS có dạng như thế nào?

a)

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

b)

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

c)

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

d)

{thuộc tính-giá trị,}

21.

Tại sao việc sử dụng CSS có lợi hơn việc định dạng HTML trực tiếp?

a)

CSS không cần phải viết mã

b)

CSS giúp tách nội dung và định dạng, giảm công việc và tăng tính đồng nhất

c)

CSS làm cho trang web không cần thiết phải định dạng

d)

CSS không hỗ trợ đa dạng kiểu định dạng

22.

Nếu bạn muốn định dạng tất cả các thẻ <h1>, <h2>, và <h3> cùng một lúc, bạn nên viết CSS như thế nào?

a)

h1 h2 h3 {color: red;}

b)

h1, h2, h3 {color: red;}

c)

h1 h2, h3 {color: red;}

d)

h1 h2 h3 {color: red;}

23.

Mẫu định dạng nào dưới đây là CSS nội tuyến?

a)

<style> p {color: green;} </style>

b)

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

c)

<p style="color: green;">Text</p>

d)

h1 {color: green;}

24.

Mẫu CSS gồm hai quy định, chữ màu nâu và cỡ chữ 12 cho tất cả các thẻ p là

a)

p {font-color: brown; font-size: 12px;}

b)

p {color: brown; text-size: 12px;}

c)

p {color: brown; font-size: 12px;}

d)

p {text-color: brown; font-size: 12px;}

25.

Trong CSS, thuộc tính text-align: center; dùng để:

a)

Căn lề trái cho văn bản

b)

Căn lề phải cho văn bản

c)

Căn giữa văn bản

d)

Căn đều hai bên văn bản

26.

Để thiết lập kiểu chữ nghiêng của văn bản, em sử dụng thuộc tính CSS nào?

a)

font-size

b)

font-weight

c)

font- style

d)

font-family

27.

Mẫu CSS định dạng kẻ giữa dòng chữ tinhoc12 là?

a)

p {text-decoration: line-center;}

b)

p {text-decoration: overline;}

c)

p {text-decoration: underline;}

d)

p {text-decoration: line-through;}

28.

Để căn lề dòng đầu tiên của đoạn văn bản trong CSS, ta dùng thuộc tính nào?

a)

text-align

b)

margin

c)

text-indent

d)

padding

29.

Tính kế thừa trong CSS có nghĩa là gì?

a)

Một thuộc tính chỉ áp dụng cho một phần tử cụ thể

b)

Một thuộc tính CSS áp dụng cho phần tử cha cũng được áp dụng cho các phần tử con, cháu

c)

CSS chỉ áp dụng cho phần tử cuối cùng trong cây DOM

d)

Không có sự kế thừa trong CSS

30.

Mẫu CSS định dạng phông chữ Courier cho toàn bộ nội dung trang HTML là?

a)

all {font-style: Courier;}

b)

* {font-family: Courier;}

c)

body {font-family: Courier;}

d)

* {font-weight: Courier;}

31.

p {line-align: justify} nghĩa là gì?

a)

Thiết lập khoảng cách đều nhau giữa các dòng văn bản

b)

Đưa đoạn văn bản ra giữa trang

c)

Căn lề đều hai bên cho đoạn văn bản

d)

Thiết lập tính chất trang trí dòng văn bản

32.

Khi định dạng bằng CSS, thuộc tính nào giúp thiết lập chữ hoa hoặc chữ thường cho một đoạn văn bản?

a)

letter-form

b)

 text-transform

c)

word-transform

d)

text-shadow

33.

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

a)

Nếu có nhiều mẫu định dạng được viết cho cùng một bộ chọn thì mẫu viết sau cùng sẽ được áp dụng

b)

Thuộc tính text-decoration không có tính kế thừa

c)

Nếu một mẫu CSS áp dụng cho một phần tử HTML bất kì thì nó sẽ được tự động áp dụng cho tất cả các phần tử là con, cháu của phần tử đó trong mô hình cây HTML (trừ các trường hợp ngoại lệ, ví dụ các phần tử với mẫu định dạng riêng)

d)

Mức độ ưu tiên của * là cao nhất

34.

Mẫu CSS định dạng dòng đầu tiên của đoạn văn bản thụt vào bằng 3 kí tự là

a)

p {text-align: 3ex;}

b)

p {text-align: 3em;}

c)

p {text-indent: 3em;}

d)

p {text-indent: 3pt;}

35.

Để thiết lập chiều cao dòng bằng 150% của chiều cao dòng phần tử cha, ta sử dụng:

a)

a. line-height: 150%;

b)

b. line-height: 1.5;

c)

c. line-height: 150px;

d)

d. Cả a và b đều đúng

36.

CSS có thể định dạng phông chữ như thế nào?

a)

font-family

b)

font-size

c)

font-weight

d)

Tất cả các ý trên

37.

Định dạng nào sau đây được sử dụng để thiết lập màu chữ trong CSS?

a)

color

b)

font-color

c)

text-color

d)

background-color

38.

Trong CSS, thuộc tính line-height dùng để:

a)

Định nghĩa chiều cao của phần tử

b)

Thiết lập khoảng cách giữa các dòng văn bản

c)

Định nghĩa độ rộng của chữ

d)

Thiết lập khoảng cách giữa các ký tự

39.

Bộ chọn CSS nào áp dụng định dạng cho các phần tử <p> là con trực tiếp của <div>?

a)

div p

b)

div > p

c)

div + p

d)

div ~ p

40.

Mã rgb(0, 255, 0) đại diện cho màu nào trong hệ màu RGB?

a)

Màu đỏ

b)

Màu xanh lá cây

c)

Màu xanh dương

d)

Màu vàng

41.

Để làm cho tất cả văn bản trong trang web có màu xám, bạn sử dụng thuộc tính CSS nào?

a)

background-color: gray;

b)

border: gray;

c)

color: gray;

d)

font-color: gray;

42.

Trong CSS, thuộc tính background-color được sử dụng để làm gì?

a)

Định dạng màu viền

b)

Định dạng màu nền

c)

Định dạng màu chữ

d)

Định dạng cỡ chữ

43.

Để áp dụng một màu cụ thể cho tất cả các phần tử HTML trong trang, bạn sử dụng bộ chọn CSS nào?

a)

body

b)

*

c)

html

d)

all

44.

Hệ màu nào được sử dụng trong CSS để biểu diễn màu sắc bằng ba giá trị số từ 0 đến 255?

a)

CMYK

b)

HSL

c)

HEX

d)

RGB

45.

Trong hệ màu HSL, giá trị nào biểu thị độ bão hòa của màu?

a)

H (Hue)

b)

S (Saturation)

c)

L (Lightness)

d)

A (Alpha)

46.

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

a)

Các mẫu định dạng văn bản cơ bản bao gồm các thuộc tính liên quan đến phông chữ, màu chữ và định dạng dòng văn bản.

b)

CSS mặc định coi chiều cao dòng văn bản = 2px.

c)

Thuộc tính text-decoration thay thế và mở rộng cho thẻ u của HTML.

d)

Đường cơ sở là đường ngang mà các chữ cái đứng thẳng trên nó.

47.

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ố

48.

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ị;}

49.

Trong HTML, các phần tử bảng được tạo bằng thẻ nào?

a)

<div>

b)

<p>

c)

<table>

d)

<span>

50.

Để định dạng ô tiêu đề trong bảng HTML, ta sử dụng thẻ nào?

a)

<td>

b)

<th>

c)

<tr>

d)

<caption>

51.

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

52.

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

53.

Thuộc tính display: none; trong CSS 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

54.

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ể.

55.

Để tạo một danh sách thả xuống cho phép người dùng chọn một trong các lựa chọn, thẻ nào được sử dụng?

a)

<input>

b)

<label>

c)

<select>

d)

<textarea>

56.

Khi sử dụng thẻ <input> với type="radio", mục đích của nó là để:

a)

Cho phép chọn nhiều tùy chọn

b)

Cho phép chọn một tùy chọn duy nhất trong một nhóm

c)

Nhập dữ liệu dạng chữ

d)

Nhập dữ liệu dạng số

57.

Để tạo một trường nhập dữ liệu cho số, thẻ <input> nên sử dụng thuộc tính nào?

a)

type="text"

b)

type="number"

c)

type="date"

d)

type="checkbox"

58.

Thẻ nào không hỗ trợ thuộc tính width và height?

a)

<video>

b)

<audio>

c)

<img>

d)

<iframe>

59.

Thuộc tính nào của thẻ <input> không phải là thuộc tính chính để xác định dữ liệu nhập vào?

a)

id

b)

name

c)

type

d)

value

60.

Để tạo một nút gửi thông tin trong biểu mẫu, thẻ <input> nên sử dụng thuộc tính nào?

a)

type="text"

b)

type="submit”

c)

type="button"

d)

type="reset"

61.

Các phát biểu về biểu mẫu web sau đây đúng?

a)

<form> là thẻ được sử dụng để nhóm các phần tử liên quan trọng biểu mẫu.

b)

Thẻ <input> với type="checkbox" cho phép người dùng chọn một hoặc nhiều tùy chọn từ danh sách.

c)

Thẻ <label> không cần thiết nếu thẻ <input> đã có thuộc tính id.

d)

Thẻ <fieldset> được sử dụng để tạo khung bao quanh các phần tử của biểu mẫu và có thể chứa thẻ <legend> để đặt tên cho nhóm phần tử.

62.

Phát biểu về thẻ <input> và các thuộc tính của nó đúng?

a)

Thuộc tính type="submit" của thẻ <input> tạo một nút gửi thông tin của biểu mẫu.

b)

Thẻ <input> với type="radio" cho phép chọn nhiều tùy chọn cùng một lúc.

c)

Thuộc tính name của thẻ <input> xác định tên của phần tử input để gửi dữ liệu đến máy chủ.

d)

Thẻ <input> với type="date" cho phép người dùng nhập dữ liệu dạng văn bản.

63.

Đoạn mã nào sau đây là ví dụ về CSS với nhiều quy định trong vùng mô tả?

a)

h1 {color: red;}

b)

p {text-indent: 15px; color: blue;}

c)

div {background: yellow;}

d)

a {font-size: 14px;}

64.

Để kết nối tệp CSS với tệp HTML, bạn có thể sử dụng thẻ nào trong phần <head>?

a)

 <script>

b)

<style>

c)

<link>

d)

<import>

65.

Câu hỏi đúng sai:

a) CSS có thể định dạng phông chữ bằng cách sử dụng thuộc tính font-family.

b) Phông chữ Monospace trong CSS có chiều rộng các ký tự khác nhau.

c) Thuộc tính color trong CSS có thể được sử dụng để thiết lập màu nền của phần tử.

d) CSS cho phép thiết lập độ dày nét chữ bằng thuộc tính font-weight.

a)

  a) Đúng, b) Sai, c) Sai, d) Đúng

b)

a) Sai, b) Sai, c) Đúng, d) Đúng

c)

A.         a) Sai, b) Đúng, c) Sai, d) Đúng

66.

Mẫu CSS thiết lập cho toàn bộ các phần tử p có cỡ chữ bằng 2 lần cỡ chữ của phần tử gốc HTML của tệp HTML là

a)

   p {font-size: 2rem;}.

b)

p {font-size: 2cm;}.

c)

p {font-size: 2em;}.

d)

p {font-size: 2ex;}.

67.

Để tạo một trường nhập dữ liệu cho số, thẻ nên sử dụng thuộc tính nào?

a)

type="text"

b)

type="number"

c)

type="date"

d)

type="checkbox"

68.

Thẻ nào không hỗ trợ thuộc tính width và height?

a)

b)

c)

d)