PHIẾU BÀI TẬP - THIẾT KẾ WEB (HTML VÀ CSS)

Tin học 12 - Khoa học máy tính · 12 câu trắc nghiệm + 2 câu Đúng/Sai · làm trong khoảng 25 phút

Ôn thi Tin học THPT
diem10code.com

Họ tên: Lớp: Ngày:

PHẦN I. Trắc nghiệm nhiều lựa chọn - khoanh vào đáp án đúng

Câu 1. Trang thời khoá biểu của lớp có dòng dưới đây trong phần <head>. Dòng mã trên được dùng để làm gì?

<head>
  <link rel='stylesheet' href='css/style.css'>
</head>

A. Gắn tệp định kiểu ngoài vào trang để mọi luật CSS trong tệp áp dụng cho trang này
B. Tạo một liên kết để người dùng bấm vào và tải tệp CSS đó về máy mình
C. Chèn nội dung của tệp style.css vào trang như một đoạn văn bản thường
D. Khai báo rằng trang này được viết bằng ngôn ngữ CSS thay vì bằng HTML

Câu 2. Thẻ HTML nào dùng để tạo một đoạn văn?

A. <h1>
B. <p>
C. <a>
D. <div>

Câu 3. Bộ chọn hậu duệ trong CSS được viết bằng cách ngăn cách hai bộ chọn bởi kí tự nào?

A. Dấu phẩy ,
B. Dấu chấm .
C. Dấu hai chấm :
D. Dấu cách

Câu 4. Tệp định kiểu của dự án nằm ở css/trang.css, thư mục css cùng cấp với tệp HTML đang viết. Cần điền vào dòng (3) gì để mọi luật trong tệp đó áp dụng cho trang này?

(1) <head>
(2)   <meta charset='utf-8'>
(3)   ______
(4)   <title>Câu lạc bộ Tin học</title>
(5) </head>

A. <link rel='stylesheet' href='css/trang.css'>
B. <link rel='stylesheet' src='css/trang.css'>
C. <link rel='css' href='css/trang.css'>
D. <a href='css/trang.css'>Bảng định kiểu</a>

Câu 5. Thẻ <span> mặc định là phần tử nội tuyến nên chỉ chiếm vừa đủ nội dung và nằm lọt trong dòng chữ. Muốn một thẻ <span> chiếm trọn cả một dòng riêng như thẻ <div>, bạn khai báo CSS nào cho nó?

A. display: inline;
B. justify-content: center;
C. display: none;
D. display: block;

Câu 6. Trong HTML, thẻ nào sau đây bao ngoài cùng để đánh dấu toàn bộ phần nội dung bên trong là một cái bảng?

A. <tbody>
B. <tr>
C. <table>
D. <thead>

Câu 7. Trong CSS, thuộc tính nào quyết định một phần tử hiển thị theo kiểu khối, nội tuyến hay xếp thành hàng ngang?

A. justify-content
B. gap
C. padding
D. display

Câu 8. Hai bộ chọn div p và p.ghichu khác nhau như thế nào?

A. Cả hai đều chọn mọi phần tử p trên trang, chỉ khác nhau ở cách viết
B. div p chọn phần tử div có gắn lớp p; p.ghichu chọn mọi phần tử nằm trong lớp ghichu
C. div p chọn phần tử p đứng ngay sau thẻ div; p.ghichu chọn phần tử đứng ngay sau lớp ghichu
D. div p chọn mọi p nằm bên trong một div; p.ghichu chọn phần tử vừa đúng là thẻ p vừa có gắn lớp ghichu

Câu 9. Thuộc tính CSS nào sau đây KHÔNG được kế thừa từ phần tử cha xuống các phần tử con?

A. color
B. border
C. font-family
D. font-size

Câu 10. Thẻ <img> khác với thẻ <p> ở điểm nào?

A. <img> là thẻ tự đóng, không có thẻ đóng riêng đi kèm, còn <p> cần cặp <p>...</p>
B. <img> chỉ được phép đặt trong <head>, còn <p> chỉ được phép đặt trong <body>
C. <img> không thể có thuộc tính, còn <p> bắt buộc phải có thuộc tính
D. <img> chỉ dùng để hiển thị chữ, còn <p> chỉ dùng để hiển thị ảnh

Câu 11. Nhận định nào đúng nhất khi so sánh HTML với một ngôn ngữ lập trình thật sự như Python?

A. HTML có đầy đủ phép tính, điều kiện rẽ nhánh và vòng lặp giống hệt Python
B. HTML dùng để mô tả cấu trúc nội dung bằng các thẻ, không dùng để tính toán hay xử lí logic như một ngôn ngữ lập trình
C. HTML và Python chỉ là hai tên gọi khác nhau của cùng một ngôn ngữ
D. Trang viết bằng HTML chỉ hiển thị được khi máy tính đang kết nối Internet, còn Python thì không cần

Câu 12. Thuộc tính CSS nào dùng để đổi màu của chữ trong một phần tử?

A. background-color
B. text-color
C. color
D. font-color

PHẦN II. Đúng/Sai - với mỗi ý a) b) c) d), khoanh Đ hoặc S

Câu 13. Cho biết mỗi phát biểu sau đúng hay sai:

a) Đ / Sbackground-color là thuộc tính CSS dùng để đổi màu nền của một phần tử.
b) Đ / SMã màu dạng #RRGGBB chỉ có thể biểu diễn được đúng 16 màu khác nhau.
c) Đ / STrong mô hình hộp, padding nằm giữa nội dung và viền (border) của phần tử.
d) Đ / STrong mô hình hộp, margin nằm bên trong viền (border), sát ngay với nội dung.

Câu 14. Xét các phát biểu về HTML và CSS:

a) Đ / SHTML dùng để tạo cấu trúc, nội dung của trang web.
b) Đ / SCSS dùng để định dạng, trình bày (màu sắc, phông chữ, bố cục) cho trang web.
c) Đ / SThẻ <img> cần có thuộc tính src để chỉ đường dẫn tới tệp ảnh.
d) Đ / SMuốn ghi chú (comment) trong HTML, ta dùng cú pháp // ghi chú.

Luyện thêm 143 câu chương này (có lời giải chi tiết): diem10code.com/hocTrang 1

BẢNG ĐÁP ÁN (dành cho giáo viên / phụ huynh - in rời trang cuối)

Câu	1	2	3	4	5	6	7	8	9	10	11	12
Đáp án	A	B	D	A	D	C	D	D	B	A	B	C

Câu 13	a) Đ	b) S	c) Đ	d) S
Câu 14	a) Đ	b) Đ	c) Đ	d) S

Lời giải chi tiết từng câu, câu mức Vận dụng và chấm tự động có tại diem10code.com - phần Học miễn phí trọn vẹn.