PHIẾU BÀI TẬP - DỰ ÁN XÂY DỰNG TRANG WEB
Tin học 12 - Tin học ứng dụng · 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. Nhóm muốn chân trang tách hẳn khỏi phần nội dung chính, nhưng công cụ kiểm tra lại báo chân trang đang nằm trong nội dung chính. Cần sửa dòng nào và sửa thế nào?
(1) <main>
(2) <h2>Hoạt động tháng 9</h2>
(3) <p>Sinh hoạt vào thứ Sáu.</p>
(4) <footer><p>Liên hệ: 12A1</p></footer>
- A. Sửa dòng (4), đổi
<footer> thành <div class='footer'> thì hai vùng mới tách nhau - B. Sửa dòng (2), bỏ thẻ
<h2> đi vì thẻ <main> không được phép chứa thẻ tiêu đề - C. Sửa dòng (1), chuyển
<main> xuống đặt sau <footer> cho đúng thứ tự của trang - D. Thêm thẻ đóng
</main> vào giữa dòng (3) và dòng (4) để đóng vùng nội dung chính lại
Câu 2. Kiểm thử một trang web trước khi nộp nghĩa là làm gì?
- A. Tự đóng vai người xem, lần lượt thử từng liên kết và xem mọi ảnh để phát hiện chỗ hỏng
- B. Viết thêm nội dung cho những trang còn ít chữ để trang dày dặn hơn
- C. Đổi phông chữ và bảng màu cho cả trang trông bắt mắt hơn
- D. Gom toàn bộ tệp của dự án vào một thư mục rồi nén lại để nộp
Câu 3. Biểu mẫu đăng kí sinh hoạt hè có một danh sách thả xuống để chọn khối lớp. Cần điền vào dòng (3) một mục hiện chữ "Khối 12" cho người dùng thấy, nhưng gửi lên máy chủ giá trị
12.
(1) <form action='dangki.php' method='post'>
(2) <select name='khoi'>
(3) ______
(4) </select>
(5) </form>
- A.
<option name='12'>Khối 12</option> - B.
<option id='12'>Khối 12</option> - C.
<option>Khối 12</option> - D.
<option value='12'>Khối 12</option>
Câu 4. Thư mục gốc dự án chứa
index.html, thư mục
anh/ và thư mục
trang/. Cần chèn ảnh
anh/bando.png vào tệp
trang/lienhe.html. Viết đường dẫn thế nào?
- A.
<img src='../anh/bando.png'
alt='Bản đồ tới trường'> - B.
<img src='anh/bando.png'
alt='Bản đồ tới trường'> - C.
<img src='trang/anh/bando.png'
alt='Bản đồ tới trường'> - D.
<img src='../../anh/bando.png'
alt='Bản đồ tới trường'>
Câu 5. Muốn cho người dùng chọn NHIỀU mục cùng lúc (ví dụ chọn nhiều sở thích) thì nên dùng loại trường nào?
- A. text (ô nhập chữ tự do)
- B. radio (nút chọn)
- C. checkbox (ô đánh dấu)
- D. select (danh sách thả xuống)
Câu 6. Sơ đồ trang (sitemap) của một dự án web thể hiện điều gì?
- A. Mã nguồn chi tiết của từng trang
- B. Danh sách màu và phông chữ dùng chung
- C. Các trang cần làm và đường liên kết bấm giữa chúng
- D. Dung lượng của từng tấm ảnh trên trang
Câu 7. Phần đầu trang của dự án được viết như dưới đây và lặp lại y hệt trên mọi trang. Đoạn mã trên được dùng để làm gì?
<header>
<img src='anh/logo.png' alt='Logo câu lạc bộ'>
<h1>Câu lạc bộ Tin học 12A1</h1>
<p>Học - Làm - Chia sẻ</p>
</header>
- A. Khai báo thông tin kĩ thuật cho trình duyệt, giữ vai trò tương đương thẻ
<head> - B. Dẫn người dùng sang các trang khác của dự án bằng danh sách liên kết ở đầu trang
- C. Nhận diện trang: giới thiệu logo, tên và khẩu hiệu của câu lạc bộ ở đầu mọi trang
- D. Ghi thông tin bản quyền và địa chỉ liên hệ của nhóm thực hiện dự án web
Câu 8. Phần đầu trang của một website thường gồm hai thành phần chính nào?
- A. Menu điều hướng và phần chân trang của website
- B. Logo và tiêu đề chính của website
- C. Ảnh nền cỡ lớn và đoạn văn giới thiệu dài
- D. Danh sách bài viết và ô tìm kiếm nội dung
Câu 9. Thanh điều hướng của dự án cần liệt kê các mục dẫn sang từng trang, viết theo cách chuẩn là một danh sách các liên kết. Cấu trúc nào đúng?
- A.
<nav>
<a href='index.html'>Trang chủ</a><br>
</nav>
- B.
<nav><ul>
<li><a href='index.html'>Trang chủ</a></li>
</ul></nav>
- C.
<nav><ul>
<a href='index.html'><li>Trang chủ</li></a>
</ul></nav>
- D.
<nav>
<li href='index.html'>Trang chủ</li>
</nav>
Câu 10. Muốn người dùng nhập một lời nhắn dài, gồm nhiều dòng, nên dùng thẻ nào trong biểu mẫu?
- A.
textarea - B.
input loại text - C.
select - D.
label
Câu 11. Ảnh logo gốc rất to so với chỗ cần đặt. Cách chỉnh kích thước nào giúp logo vừa dải đầu trang mà không bị méo?
- A. Ép cả chiều cao và chiều rộng bằng hai số bất kì cho vừa mắt
- B. Đặt một chiều cao cố định và để chiều rộng tự co theo
- C. Giữ nguyên kích thước gốc và để trình duyệt tự cắt bớt
- D. Xoá bớt màu trong ảnh để ảnh nhỏ lại
Câu 12. Trong một trang web, thẻ nào dùng để gói toàn bộ nội dung chính mà người xem thật sự tìm đến?
- A.
header - B.
main - C.
footer - D.
title
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) Đ / Sradio cho phép chọn một mục trong nhóm, còn checkbox cho phép chọn nhiều mục.
- b) Đ / SNhãn label gắn với ô nhập nhờ thuộc tính for khớp với id, tốt cho trợ năng.
- c) Đ / Scheckbox chỉ cho phép chọn đúng một mục duy nhất trong nhóm.
- d) Đ / SÔ nhập email và ô nhập text là hoàn toàn giống nhau, không khác gì nhau.
Câu 14. Cho biết mỗi phát biểu sau đúng hay sai:
- a) Đ / SPhần đầu trang thường gồm logo và tiêu đề chính, đóng vai trò nhận diện website.
- b) Đ / SThẻ header tự nó vẽ ra màu nền và khung viền cho phần đầu trang.
- c) Đ / SNên giữ phần đầu ngắn gọn, tránh nhồi quá nhiều chữ và ảnh.
- d) Đ / SPhần đầu trang bắt buộc phải đặt ở cuối tệp, sau nội dung chính.
Luyện thêm 67 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 | D | A | D | A | C | C | C | B | B | A | B | B |
|---|
| Câu 13 | a) Đ | b) Đ | c) S | d) S |
|---|
| Câu 14 | a) Đ | b) S | 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.