Trắc nghiệm Cánh diều Tin học ứng dụng 12 bài 12: Dự án nhỏ: Tạo trang web báo tường

1. Khi tạo một trang báo tường với nhiều bài viết, việc tổ chức nội dung theo các chuyên mục hoặc chủ đề sẽ giúp người đọc làm gì?

A. Tăng thời gian tải trang.

B. Giúp người đọc dễ dàng tìm kiếm và điều hướng đến các bài viết quan tâm.

C. Giảm dung lượng tệp tin HTML.

D. Tạo ra nhiều lỗi hiển thị trên các thiết bị cũ.

2. Yếu tố nào sau đây là quan trọng để đảm bảo trang web báo tường có thể được tìm thấy dễ dàng trên các công cụ tìm kiếm như Google?

A. Sử dụng nhiều hình ảnh động phức tạp.

B. Tối ưu hóa tiêu đề trang (title) và mô tả meta (meta description) với từ khóa liên quan.

C. Thiết kế giao diện chỉ dành cho một trình duyệt cụ thể.

D. Tránh sử dụng văn bản, chỉ dùng hình ảnh.

3. Ngôn ngữ nào thường được sử dụng để thêm các hiệu ứng chuyển động mượt mà cho các yếu tố trên trang web báo tường, ví dụ như hiệu ứng cuộn trang (scrolling effects)?

A. HTML

B. CSS (với các thuộc tính như transition, animation)

C. SQL

D. XML

4. Trong dự án tạo trang web báo tường, nếu bạn muốn một đoạn văn bản xuất hiện theo hiệu ứng đánh máy (typing effect) khi trang tải lên, bạn có thể sử dụng công nghệ nào?

A. Chỉ CSS

B. Chỉ HTML

C. JavaScript (thường kết hợp với CSS)

D. Chỉ PHP

5. Khi đặt tên tệp tin cho các tài nguyên như CSS, JavaScript hoặc hình ảnh trong dự án báo tường, quy tắc nào sau đây là tốt nhất để duy trì tính tổ chức và dễ quản lý?

A. Sử dụng tên tệp tin ngẫu nhiên và không theo quy luật.

B. Đặt tên tệp tin có ý nghĩa, mô tả rõ nội dung và sử dụng quy tắc đặt tên nhất quán (ví dụ: viết thường, dùng dấu gạch ngang thay khoảng trắng).

C. Đặt tên tệp tin chứa ký tự đặc biệt và khoảng trắng.

D. Chỉ sử dụng tên tệp tin bằng chữ cái đầu.

6. Trong quá trình phát triển trang web báo tường, việc sử dụng các thẻ meta trong phần head của HTML có thể giúp cải thiện điều gì?

A. Tăng tốc độ tải trang.

B. Cung cấp thông tin về trang cho trình duyệt và công cụ tìm kiếm (ví dụ: mã hóa ký tự, mô tả trang).

C. Tạo các hiệu ứng đồ họa phức tạp.

D. Xác định bố cục chính của trang.

7. Khi sử dụng CSS để tạo một hiệu ứng đổ bóng cho các khối bài viết trên trang báo tường, bạn có thể dùng thuộc tính nào?

A. text-shadow

B. box-shadow

C. border-color

D. background-image

8. Khi bạn tạo một trang web báo tường, việc sử dụng thẻ header và footer trong cấu trúc HTML có ý nghĩa gì?

A. Để định nghĩa các phần không quan trọng của trang.

B. Để phân chia trang web thành các khối ngữ nghĩa rõ ràng (ví dụ: phần đầu trang, phần chân trang).

C. Chỉ dùng để tạo các hiệu ứng hình ảnh.

D. Để lưu trữ dữ liệu người dùng.

9. Yếu tố nào sau đây KHÔNG phải là một thuộc tính (attribute) phổ biến của thẻ img trong HTML khi tạo trang báo tường?

A. src (source)

B. alt (alternative text)

C. href (hypertext reference)

D. width và height

10. Trong một dự án tạo trang web báo tường, yếu tố nào chịu trách nhiệm cho việc thêm các tính năng tương tác, ví dụ như hiệu ứng khi di chuột qua bài viết?

A. HTML

B. CSS

C. PHP

D. JavaScript

11. Nếu bạn muốn trang web báo tường của mình có thể hiển thị nội dung một cách linh hoạt trên các kích thước màn hình khác nhau, bạn nên ưu tiên sử dụng phương pháp nào?

A. Thiết kế cố định, không thay đổi.

B. Sử dụng các Media Queries trong CSS.

C. Chỉ thiết kế cho màn hình có độ phân giải cao nhất.

D. Sử dụng JavaScript để thay đổi toàn bộ cấu trúc.

12. Trong quá trình phát triển trang web báo tường, yếu tố nào sau đây giúp cải thiện tốc độ tải trang bằng cách giảm kích thước các tệp tin như CSS, JavaScript và hình ảnh?

A. Tăng số lượng tệp tin JavaScript.

B. Sử dụng hình ảnh có độ phân giải rất cao.

C. Tối ưu hóa (minification) và nén (compression) các tệp tin.

D. Sử dụng nhiều font chữ tùy chỉnh phức tạp.

13. Khi xây dựng trang web báo tường, việc sử dụng thẻ title trong phần đầu của mã HTML có vai trò gì?

A. Định dạng tiêu đề của các bài viết chính.

B. Xác định văn bản hiển thị trên thanh tiêu đề của trình duyệt hoặc tab.

C. Tạo liên kết đến các trang báo tường khác.

D. Thêm chú thích cho các hình ảnh trong báo tường.

14. Để tạo một liên kết đến một phần cụ thể trong cùng một trang báo tường (ví dụ: nhảy đến mục Liên hệ), bạn có thể sử dụng kết hợp của thẻ a và thuộc tính nào?

A. href=#ten-muc và đặt id=ten-muc cho phần tử đích.

B. src=#ten-muc

C. link=#ten-muc

D. url=#ten-muc

15. Yếu tố nào sau đây ĐƯỢC KHUYẾN KHÍCH sử dụng để tạo các tiêu đề (headings) cho các bài viết hoặc các phần quan trọng trong trang báo tường, nhằm cải thiện cấu trúc ngữ nghĩa và khả năng tiếp cận?

A. Các thẻ div với các lớp CSS khác nhau.

B. Các thẻ h1, h2, h3, h4, h5, h6.

C. Các thẻ strong và em.

D. Các thẻ span lặp lại nhiều lần.

16. Khi muốn một hình ảnh trong trang báo tường có thể nhấp vào để chuyển đến một bài viết khác, bạn cần kết hợp thẻ img với thẻ nào?

A. Thẻ p

B. Thẻ div

C. Thẻ a (anchor)

D. Thẻ span

17. Khi thiết kế trang báo tường, việc sử dụng màu sắc quá sặc sỡ và không hài hòa có thể gây ra tác động tiêu cực nào đến trải nghiệm người dùng?

A. Tăng sự chú ý của người đọc vào nội dung chính.

B. Gây khó khăn trong việc đọc văn bản, mỏi mắt và làm giảm tính chuyên nghiệp.

C. Giúp trang web tải nhanh hơn.

D. Tăng khả năng tương tác với các yếu tố trên trang.

18. Trong một dự án trang web báo tường, nếu bạn cần nhúng một đoạn mã video từ YouTube, bạn sẽ sử dụng thẻ HTML nào?

A.

B.

C.

D.

19. Để đảm bảo các bài viết được căn chỉnh đều hai bên lề trong trang báo tường, thuộc tính CSS nào thường được áp dụng cho phần tử chứa nội dung văn bản?

A. text-align: left

B. text-align: center

C. text-align: justify

D. vertical-align: middle

20. Để tạo kiểu dáng và bố cục cho các thành phần trên trang web báo tường, ngôn ngữ nào sau đây là chủ yếu?

A. JavaScript

B. Python

C. CSS

D. PHP

21. Để tạo một hiệu ứng ảnh động đơn giản cho một biểu tượng hoặc logo trên trang báo tường bằng CSS, bạn có thể sử dụng thuộc tính nào?

A. border

B. animation hoặc transition

C. font-size

D. background-color

22. Trong quá trình tạo trang web báo tường, yếu tố nào sau đây là quan trọng nhất để đảm bảo trang web hiển thị tốt trên nhiều thiết bị khác nhau?

A. Sử dụng kỹ thuật thiết kế đáp ứng (Responsive Web Design).

B. Tối ưu hóa hình ảnh với dung lượng lớn.

C. Sử dụng nhiều hiệu ứng JavaScript phức tạp.

D. Chỉ tập trung vào hiển thị trên máy tính để bàn.

23. Ngôn ngữ lập trình nào thường được sử dụng để định dạng cấu trúc và nội dung của một trang web báo tường?

A. Python

B. HTML

C. SQL

D. Java

24. Trong dự án trang web báo tường, nếu bạn muốn thêm một menu điều hướng ở đầu trang, bạn thường sẽ sử dụng cấu trúc HTML kết hợp với CSS để làm gì?

A. Tạo một bảng dữ liệu lớn.

B. Tạo một danh sách các liên kết (navigation menu) và định dạng nó bằng CSS.

C. Nhúng một đoạn mã JavaScript phức tạp.

D. Sử dụng thẻ iframe để nhúng trang khác.

25. Để tạo một danh sách các bài viết trên trang báo tường, cách nào sau đây là phù hợp nhất theo ngữ nghĩa HTML?

A. Sử dụng các thẻ div lồng nhau với các lớp CSS khác nhau.

B. Sử dụng thẻ p cho mỗi bài viết và căn chỉnh bằng CSS.

C. Sử dụng thẻ ul (unordered list) hoặc ol (ordered list) với các thẻ li (list item) bên trong.

D. Sử dụng thẻ span cho mỗi bài viết.