Đề 01
Đề 02
Đề 03
Đề 04
Đề 05
Đề 06
Đề 07
Đề 08
Đề 09
Đề 10
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 02
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 02 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế cấu trúc thư mục cho một trang web, bạn nên tổ chức các tệp CSS vào thư mục nào để đảm bảo tính dễ quản lý và rõ ràng?
- A. images
- B. scripts
- C. css
- D. assets
Câu 2: Trong HTML, thẻ nào sau đây được sử dụng để tạo ra một vùng chứa (container) chung, thường dùng để phân chia bố cục trang web thành các phần chính như header, main content, footer?
- A.
- B.
- C.
- D.
Câu 3: Để đảm bảo trang web hiển thị tốt trên cả máy tính và thiết bị di động, kỹ thuật thiết kế nào sau đây là quan trọng nhất cần áp dụng?
- A. Thiết kế web tĩnh (Static web design)
- B. Thiết kế web đáp ứng (Responsive web design)
- C. Thiết kế web thích ứng (Adaptive web design)
- D. Thiết kế web dạng lỏng (Liquid web design)
Câu 4: Trong CSS, thuộc tính nào được sử dụng để thay đổi màu chữ của văn bản?
- A. color
- B. font-color
- C. text-color
- D. foreground-color
Câu 5: Bạn muốn tạo một liên kết đến một trang web khác khi người dùng nhấp vào một đoạn văn bản. Thẻ HTML nào được sử dụng để tạo liên kết này?
Câu 6: Để tạo danh sách không có thứ tự (unordered list) trong HTML, bạn sử dụng cặp thẻ nào?
- A.
- và
- B.
- và
- C.
- và
- D.
- và
- B.
Câu 7: Trong CSS, thuộc tính "display: flex;" thường được sử dụng để làm gì?
- A. Ẩn hiện phần tử
- B. Định dạng văn bản
- C. Thay đổi màu nền
- D. Tạo bố cục linh hoạt cho các phần tử con
Câu 8: Khi thiết kế trang chủ cho website câu lạc bộ, phần nào sau đây nên được ưu tiên hiển thị nổi bật nhất để thu hút sự chú ý của người truy cập?
- A. Chính sách bảo mật
- B. Bản đồ trang web
- C. Banner và slogan ấn tượng
- D. Thông tin liên hệ chi tiết
Câu 9: Để nhúng một video từ YouTube vào trang web của bạn, bạn thường sử dụng thẻ HTML nào?
- A.
- B.
- C.
- D.
Câu 10: Trong CSS, "selector" (bộ chọn) dùng để làm gì?
- A. Tạo hiệu ứng động
- B. Chọn phần tử HTML để định dạng
- C. Xác định cấu trúc trang web
- D. Quản lý tệp tin CSS
Câu 11: Giả sử bạn có một hình ảnh logo và muốn nó xuất hiện ở góc trên cùng bên trái của tất cả các trang trên website. Vị trí đặt mã HTML cho logo này thích hợp nhất ở đâu?
- A. Trong phần header của trang web
- B. Trong phần footer của trang web
- C. Trong phần nội dung chính (main content)
- D. Ở cuối thẻ
Câu 12: Để tạo một biểu mẫu đăng ký thành viên, bạn cần sử dụng thẻ HTML nào để thu thập thông tin nhập liệu từ người dùng như tên, email, mật khẩu?
- A.
- B.
- C.
- D.
Câu 13: Thuộc tính CSS "margin" và "padding" khác nhau như thế nào?
- A. Không có sự khác biệt, chúng có thể thay thế nhau.
- B. "Margin" là khoảng cách bên ngoài phần tử, "padding" là khoảng cách bên trong phần tử.
- C. "Margin" chỉ áp dụng cho văn bản, "padding" cho hình ảnh.
- D. "Margin" định dạng đường viền, "padding" định dạng nền.
Câu 14: Khi kiểm tra giao diện trang web trên các kích thước màn hình khác nhau, công cụ "Developer Tools" của trình duyệt (ví dụ Chrome DevTools) có tính năng nào hữu ích nhất?
- A. Kiểm tra tốc độ tải trang
- B. Chỉnh sửa mã HTML trực tiếp
- C. Xem mã nguồn trang web
- D. Chế độ xem thiết bị (Device Mode) để mô phỏng các kích thước màn hình khác nhau
Câu 15: Bạn muốn tạo một thanh điều hướng (navigation bar) ngang ở đầu trang web. Cấu trúc HTML và CSS phù hợp nhất để tạo thanh điều hướng này là gì?
- A. Sử dụng thẻ `
- B. Sử dụng thẻ `
` để tạo cấu trúc bảng, sau đó dùng CSS ẩn đường viền.
- C. Sử dụng nhiều thẻ `
` xếp chồng lên nhau và định vị tuyệt đối bằng CSS.- D. Chỉ sử dụng thẻ `
` và định dạng bằng CSS để trông giống thanh điều hướng.
Câu 16: Trong CSS, đơn vị đo độ dài tương đối nào sau đây thường được sử dụng để kích thước chữ (font-size) có thể tự động điều chỉnh theo kích thước màn hình hoặc kích thước phần tử cha?
- A. px (pixel)
- B. cm (centimeter)
- C. em
- D. pt (point)
Câu 17: Khi thiết kế website cho một câu lạc bộ thể thao, bạn nên chú trọng đến yếu tố nào sau đây để tạo ấn tượng năng động và thu hút?
- A. Màu sắc nhã nhặn, tông pastel
- B. Màu sắc tươi sáng, hình ảnh hoạt động thể thao
- C. Bố cục tối giản, chủ yếu là văn bản
- D. Font chữ serif cổ điển, trang trọng
Câu 18: Để tạo hiệu ứng "hover" (khi di chuột qua) cho một nút (button) trên trang web, bạn sử dụng "pseudo-class" (lớp giả) nào trong CSS?
- A. :active
- B. :focus
- C. :hover
- D. :visited
Câu 19: Bạn muốn tạo một bố cục trang web chia thành hai cột: cột bên trái rộng 30% chứa menu điều hướng, cột bên phải rộng 70% chứa nội dung chính. Phương pháp CSS layout nào phù hợp nhất để thực hiện điều này?
- A. Position: absolute
- B. Flexbox hoặc Grid Layout
- C. Float
- D. Table Layout
Câu 20: Tại sao việc sử dụng các "semantic tag" (thẻ ngữ nghĩa) như `
`, ` Câu 21: Trong quá trình thiết kế trang web, bước "wireframing" (vẽ khung giao diện) có vai trò gì?
- A. Phác thảo bố cục và cấu trúc nội dung trang web
- B. Chọn màu sắc và font chữ cho trang web
- C. Viết mã HTML và CSS hoàn chỉnh
- D. Kiểm thử trang web trên các trình duyệt
Câu 22: Khi liên kết một tệp CSS bên ngoài vào tệp HTML, bạn sử dụng thẻ nào và đặt nó trong phần nào của tệp HTML?
- A.
2 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 2: Trong HTML, thẻ nào sau đây được sử dụng để tạo ra một vùng chứa (container) chung, thường dùng để phân chia bố cục trang web thành các phần chính như header, main content, footer?
3 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 3: Để đảm bảo trang web hiển thị tốt trên cả máy tính và thiết bị di động, kỹ thuật thiết kế nào sau đây là quan trọng nhất cần áp dụng?
4 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 4: Trong CSS, thuộc tính nào được sử dụng để thay đổi màu chữ của văn bản?
5 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 5: Bạn muốn tạo một liên kết đến một trang web khác khi người dùng nhấp vào một đoạn văn bản. Thẻ HTML nào được sử dụng để tạo liên kết này?
6 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 6: Để tạo danh sách không có thứ tự (unordered list) trong HTML, bạn sử dụng cặp thẻ nào?
7 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 7: Trong CSS, thuộc tính 'display: flex;' thường được sử dụng để làm gì?
8 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 8: Khi thiết kế trang chủ cho website câu lạc bộ, phần nào sau đây nên được ưu tiên hiển thị nổi bật nhất để thu hút sự chú ý của người truy cập?
9 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 9: Để nhúng một video từ YouTube vào trang web của bạn, bạn thường sử dụng thẻ HTML nào?
10 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 10: Trong CSS, 'selector' (bộ chọn) dùng để làm gì?
11 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 11: Giả sử bạn có một hình ảnh logo và muốn nó xuất hiện ở góc trên cùng bên trái của tất cả các trang trên website. Vị trí đặt mã HTML cho logo này thích hợp nhất ở đâu?
12 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 12: Để tạo một biểu mẫu đăng ký thành viên, bạn cần sử dụng thẻ HTML nào để thu thập thông tin nhập liệu từ người dùng như tên, email, mật khẩu?
13 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 13: Thuộc tính CSS 'margin' và 'padding' khác nhau như thế nào?
14 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 14: Khi kiểm tra giao diện trang web trên các kích thước màn hình khác nhau, công cụ 'Developer Tools' của trình duyệt (ví dụ Chrome DevTools) có tính năng nào hữu ích nhất?
15 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 15: Bạn muốn tạo một thanh điều hướng (navigation bar) ngang ở đầu trang web. Cấu trúc HTML và CSS phù hợp nhất để tạo thanh điều hướng này là gì?
16 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 16: Trong CSS, đơn vị đo độ dài tương đối nào sau đây thường được sử dụng để kích thước chữ (font-size) có thể tự động điều chỉnh theo kích thước màn hình hoặc kích thước phần tử cha?
17 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 17: Khi thiết kế website cho một câu lạc bộ thể thao, bạn nên chú trọng đến yếu tố nào sau đây để tạo ấn tượng năng động và thu hút?
18 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 18: Để tạo hiệu ứng 'hover' (khi di chuột qua) cho một nút (button) trên trang web, bạn sử dụng 'pseudo-class' (lớp giả) nào trong CSS?
19 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 19: Bạn muốn tạo một bố cục trang web chia thành hai cột: cột bên trái rộng 30% chứa menu điều hướng, cột bên phải rộng 70% chứa nội dung chính. Phương pháp CSS layout nào phù hợp nhất để thực hiện điều này?
20 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 20: Tại sao việc sử dụng các 'semantic tag' (thẻ ngữ nghĩa) như `
`, ` 21 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 21: Trong quá trình thiết kế trang web, bước 'wireframing' (vẽ khung giao diện) có vai trò gì?
22 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 22: Khi liên kết một tệp CSS bên ngoài vào tệp HTML, bạn sử dụng thẻ nào và đặt nó trong phần nào của tệp HTML?
23 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 23: Giả sử bạn muốn tạo một thư viện hình ảnh (gallery) trên trang web. Cấu trúc HTML nào phù hợp nhất để hiển thị các hình ảnh này một cách có tổ chức?
24 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 24: Trong CSS, thuộc tính 'z-index' được sử dụng để làm gì?
25 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 25: Khi thiết kế trang web, tại sao cần chú ý đến 'user experience' (UX - trải nghiệm người dùng)?
26 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 26: Để tạo một đường gạch chân dưới văn bản bằng CSS, bạn sử dụng thuộc tính nào?
27 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 27: Bạn muốn giới hạn chiều rộng tối đa của nội dung chính trên trang web để tránh việc dòng văn bản quá dài trên màn hình lớn. Thuộc tính CSS nào phù hợp để thiết lập giới hạn này?
28 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 28: Khi thiết kế một website thương mại điện tử, yếu tố nào sau đây là quan trọng nhất để tăng tỷ lệ chuyển đổi (conversion rate - tỷ lệ người truy cập mua hàng)?
29 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 29: Để nhóm các thuộc tính CSS có liên quan lại với nhau và dễ dàng tái sử dụng cho nhiều phần tử, bạn nên sử dụng kỹ thuật nào?
30 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 30: Trong quá trình phát triển trang web, việc kiểm thử (testing) trên nhiều trình duyệt và thiết bị khác nhau để làm gì?
0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 03
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 03 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế một website giới thiệu các câu lạc bộ theo cấu trúc đa trang, mục đích chính của trang chủ (`index.html`) là gì?
- A. Chỉ chứa thông tin liên hệ của người quản trị website.
- B. Hiển thị toàn bộ nội dung chi tiết của tất cả các câu lạc bộ.
- C. Cung cấp cái nhìn tổng quan về các câu lạc bộ và các liên kết điều hướng đến các trang chi tiết.
- D. Là nơi duy nhất người dùng có thể đăng ký tham gia câu lạc bộ.
Câu 2: Lợi ích quan trọng nhất của việc sử dụng một tệp tin CSS bên ngoài (`.css`) chung cho tất cả các trang HTML trong website là gì?
- A. Giúp tăng tốc độ tải từng trang HTML riêng lẻ.
- B. Đảm bảo sự nhất quán về giao diện và phong cách trình bày trên toàn bộ website và dễ dàng cập nhật.
- C. Làm cho mã HTML ngắn gọn hơn bằng cách loại bỏ tất cả các thẻ định dạng.
- D. Cho phép mỗi trang có một giao diện hoàn toàn khác biệt.
Câu 3: Để liên kết tệp định kiểu `style.css` vào tài liệu HTML của bạn, bạn cần thêm thẻ `` với các thuộc tính phù hợp vào vị trí nào trong cấu trúc HTML?
- A. Trong phần `` của tài liệu HTML.
- B. Ngay sau thẻ `` mở.
- C. Trước thẻ `` đóng.
- D. Trong phần `
Câu 4: Bạn muốn tạo một liên kết từ trang chủ (`index.html`) đến trang giới thiệu Câu lạc bộ Bóng Đá (`bongda.html`) nằm cùng cấp thư mục. Cú pháp HTML đúng để tạo liên kết này là gì?
Câu 5: Bạn có một đoạn văn bản cần áp dụng các định dạng đặc biệt (ví dụ: màu chữ, cỡ chữ, kiểu font) mà các đoạn văn bản khác trên trang không có. Cách hiệu quả nhất trong CSS để làm việc này là sử dụng:
- A. ID (Bộ chọn ID) cho đoạn văn bản đó.
- B. Class (Bộ chọn lớp) cho đoạn văn bản đó và định nghĩa style cho lớp đó trong CSS.
- C. Inline style (Định kiểu nội tuyến) trực tiếp trong thẻ HTML.
- D. Áp dụng style cho tất cả các thẻ `
` trên trang.
Câu 6: Trong CSS, thuộc tính nào được sử dụng để thay đổi màu sắc của văn bản trong một phần tử HTML?
- A. `color`
- B. `background-color`
- C. `text-decoration`
- D. `font-style`
Câu 7: Để căn giữa một khối nội dung (`div`) trên trang web bằng CSS, bạn có thể sử dụng thuộc tính `margin` kết hợp với `display` và `width`. Cách thiết lập `margin` phổ biến để căn giữa là gì?
- A. `margin: center;`
- B. `margin: auto auto;`
- C. `margin: 0 auto;`
- D. `margin: middle;`
Câu 8: Phần tử HTML nào đóng vai trò là vùng chứa chính cho tất cả nội dung hiển thị mà người dùng nhìn thấy trên trình duyệt (văn bản, hình ảnh, video, v.v.)?
- A. ``
- B. `
` - C. `
- D. ``
Câu 9: Bạn muốn đặt một hình ảnh (`banner.jpg`) làm ảnh nền cho phần đầu trang (một phần tử `div` có lớp `header`). Thuộc tính CSS nào trong lớp `.header` sẽ giúp bạn làm điều này?
- A. `background-image: url("banner.jpg");`
- B. `src: url("banner.jpg");`
- C. `image-source: url("banner.jpg");`
- D. `background-color: url("banner.jpg");`
Câu 10: Bạn có ba phần tử `div` con bên trong một phần tử `div` cha. Để ba phần tử con này hiển thị theo chiều ngang (cạnh nhau) thay vì mặc định theo chiều dọc, bạn có thể áp dụng thuộc tính CSS `display` nào cho phần tử cha hoặc các phần tử con?
- A. `display: block;` (áp dụng cho phần tử con)
- B. `display: none;` (áp dụng cho phần tử cha)
- C. `display: inline-block;` (áp dụng cho phần tử con) HOẶC `display: flex;` (áp dụng cho phần tử cha)
- D. `display: hidden;` (áp dụng cho phần tử con)
Câu 11: Trong ví dụ thiết kế slogan với các ô có độ rộng bằng nhau trên một hàng (sử dụng các lớp như `Row` và `block_3`), việc sử dụng các lớp CSS này thể hiện nguyên tắc gì trong thiết kế giao diện?
- A. Sử dụng ID để định dạng từng ô riêng biệt.
- B. Áp dụng các quy tắc định dạng chung (thông qua lớp) để tạo ra bố cục (layout) nhất quán và dễ quản lý.
- C. Chỉ sử dụng inline style để định dạng các ô.
- D. Tăng tốc độ tải trang bằng cách giảm số lượng phần tử HTML.
Câu 12: Tại sao việc phân chia cấu trúc HTML của một trang web thành các khu vực rõ ràng như header (đầu trang), main content (nội dung chính), và footer (chân trang) lại được coi là thực hành tốt?
- A. Để giảm dung lượng tệp HTML.
- B. Để mỗi phần có thể sử dụng một tệp CSS riêng biệt.
- C. Để nội dung của mỗi phần chỉ hiển thị trên một trình duyệt cụ thể.
- D. Giúp tổ chức mã nguồn, dễ dàng quản lý, định dạng bằng CSS và cải thiện khả năng tiếp cận (accessibility).
Câu 13: Thẻ HTML nào sau đây được sử dụng để chèn một hình ảnh vào trang web?
- A. `
`
- B. `
` - C. `
` - D. `
`
Câu 14: Thuộc tính `src` trong thẻ `
` có chức năng gì?
- A. Chỉ định kích thước hiển thị của ảnh.
- B. Chỉ định đường dẫn (URL) đến tệp hình ảnh cần hiển thị.
- C. Cung cấp văn bản thay thế cho ảnh.
- D. Đặt tên cho hình ảnh để tham chiếu trong CSS.
Câu 15: Thuộc tính `alt` trong thẻ `
` có ý nghĩa quan trọng nhất đối với khía cạnh nào của website?
- A. Tăng độ phân giải của ảnh.
- B. Giảm dung lượng tệp ảnh.
- C. Cung cấp văn bản thay thế khi ảnh không hiển thị (hỗ trợ trình duyệt cho người khiếm thị hoặc khi ảnh bị lỗi).
- D. Tạo hiệu ứng động khi di chuột qua ảnh.
Câu 16: Bạn muốn thêm khoảng trống bên trong một phần tử HTML (ví dụ: một `div` chứa văn bản và ảnh), giữa nội dung và viền của nó. Thuộc tính CSS nào sau đây được sử dụng để kiểm soát khoảng trống này?
- A. `padding`
- B. `margin`
- C. `border-spacing`
- D. `outline-offset`
Câu 17: Bạn muốn thêm khoảng trống bên ngoài viền của một phần tử HTML, tạo khoảng cách giữa phần tử đó với các phần tử HTML khác xung quanh nó. Thuộc tính CSS nào sau đây được sử dụng?
- A. `padding`
- B. `margin`
- C. `space-around`
- D. `gap`
Câu 18: Nếu bạn cần thay đổi kiểu hiển thị (ví dụ: màu sắc, gạch chân) của tất cả các liên kết (thẻ ``) trên toàn bộ website, cách hiệu quả và dễ quản lý nhất là:
- A. Chỉnh sửa style trực tiếp trong từng thẻ `` trên mỗi trang HTML.
- B. Tạo một tệp CSS riêng cho mỗi trang và định nghĩa style cho `` trong từng tệp đó.
- C. Định nghĩa style cho bộ chọn `a` trong tệp CSS chung được liên kết đến tất cả các trang.
- D. Sử dụng JavaScript để thay đổi style của các liên kết sau khi trang tải xong.
Câu 19: Một website giới thiệu các câu lạc bộ cần có chức năng cho phép người dùng gửi phản hồi hoặc đăng ký tham gia. Loại trang nào sau đây phù hợp nhất để chứa các thành phần như ô nhập liệu, nút gửi?
- A. Trang chủ.
- B. Trang giới thiệu chung.
- C. Trang tin tức.
- D. Trang liên hệ hoặc Trang đăng ký (thường chứa biểu mẫu - form).
Câu 20: Khi bắt đầu thực hành thiết kế một website đa trang (ví dụ: trang chủ, trang CLB A, trang CLB B, tệp CSS), bước đầu tiên quan trọng liên quan đến tổ chức tệp là gì?
- A. Tạo một thư mục gốc cho toàn bộ website và tổ chức các tệp HTML, CSS, hình ảnh vào các thư mục con hợp lý (ví dụ: `css`, `images`).
- B. Viết toàn bộ mã HTML cho tất cả các trang trước khi tạo bất kỳ thư mục nào.
- C. Tìm kiếm và tải về tất cả hình ảnh cần thiết trước khi viết mã.
- D. Chỉ tạo một tệp HTML duy nhất cho toàn bộ nội dung website.
Câu 21: Bạn có quy tắc CSS sau: `.box { border: 1px solid black; padding: 20px; margin: 10px; }`. Nếu một phần tử HTML có lớp `box`, khoảng trống bên trong viền của nó sẽ là bao nhiêu?
- A. 1px
- B. 10px
- C. 20px
- D. 30px
Câu 22: Trong mô hình hộp (Box Model) của CSS, thứ tự các lớp bao từ trong ra ngoài của một phần tử là gì?
- A. Margin -> Border -> Padding -> Content
- B. Border -> Padding -> Content -> Margin
- C. Padding -> Margin -> Border -> Content
- D. Content -> Padding -> Border -> Margin
Câu 23: Để tạo một danh sách các hoạt động của câu lạc bộ mà thứ tự không quan trọng (ví dụ: Các hoạt động chính bao gồm: Tập luyện, Thi đấu, Giao lưu), bạn sẽ sử dụng thẻ HTML nào?
- A. `
- ` (Ordered List)
- B. `
- ` (Unordered List)
- C. `
- ` (List Item)
- D. `
- ` (Description List)
Câu 24: Để tạo một danh sách các bước hướng dẫn tham gia câu lạc bộ mà thứ tự là quan trọng (ví dụ: Bước 1: Đăng ký, Bước 2: Nộp hồ sơ, Bước 3: Tham gia phỏng vấn), bạn sẽ sử dụng thẻ HTML nào?
- A. `
- ` (Ordered List)
- B. `
- ` (Unordered List)
- C. `
- ` (List Item)
- D. `
- `
Câu 25: Để thêm một dòng bình luận vào mã HTML của bạn mà trình duyệt sẽ bỏ qua (không hiển thị trên trang), cú pháp đúng là gì?
- A. `// Bình luận`
- B. `/* Bình luận */`
- C. ``
- D. `# Bình luận`
Câu 26: Để thêm một dòng bình luận vào mã CSS của bạn mà trình duyệt sẽ bỏ qua, cú pháp đúng là gì?
- A. `// Bình luận`
- B. `/* Bình luận */`
- C. ``
- D. `# Bình luận`
Câu 27: Bạn có một phần tử `div` đặc biệt trên trang chủ dùng làm banner và bạn đã đặt cho nó một ID là `main-banner` (`
- A. `.main-banner`
- B. `element#main-banner`
- C. `main-banner`
- D. `#main-banner`
Câu 28: Bạn muốn áp dụng một kiểu chữ (ví dụ: in đậm) cho tất cả các đoạn văn bản (`
`) chỉ nằm trong phần nội dung chính của trang (một `div` có lớp `content`). Bộ chọn CSS kết hợp nào sau đây phù hợp nhất?
- A. `.content p`
- B. `#content + p`
- C. `p .content`
- D. `p, .content`
Câu 29: Nguyên tắc tách biệt giữa nội dung (HTML) và trình bày (CSS) mang lại lợi ích chính nào trong việc phát triển và bảo trì website?
- A. Làm cho website chỉ hiển thị được trên một loại trình duyệt duy nhất.
- B. Giúp dễ dàng thay đổi giao diện mà không cần sửa đổi cấu trúc nội dung HTML và ngược lại.
- C. Chỉ cho phép sử dụng văn bản thuần túy trên trang web.
- D. Yêu cầu phải viết lại toàn bộ mã mỗi khi có thay đổi nhỏ.
Câu 30: Trong một website giới thiệu câu lạc bộ, phần chân trang (footer) thường được sử dụng để chứa loại thông tin nào?
- A. Nội dung chi tiết của từng câu lạc bộ.
- B. Các bài viết tin tức mới nhất.
- C. Thông tin bản quyền, liên kết nhanh, thông tin liên hệ tổng quát.
- D. Toàn bộ hình ảnh được sử dụng trên website.
1 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 1: Khi thiết kế một website giới thiệu các câu lạc bộ theo cấu trúc đa trang, mục đích chính của trang chủ (`index.html`) là gì?
2 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 2: Lợi ích quan trọng nhất của việc sử dụng một tệp tin CSS bên ngoài (`.css`) chung cho tất cả các trang HTML trong website là gì?
3 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 3: Để liên kết tệp định kiểu `style.css` vào tài liệu HTML của bạn, bạn cần thêm thẻ `` với các thuộc tính phù hợp vào vị trí nào trong cấu trúc HTML?
4 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 4: Bạn muốn tạo một liên kết từ trang chủ (`index.html`) đến trang giới thiệu Câu lạc bộ Bóng Đá (`bongda.html`) nằm cùng cấp thư mục. Cú pháp HTML đúng để tạo liên kết này là gì?
5 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 5: Bạn có một đoạn văn bản cần áp dụng các định dạng đặc biệt (ví dụ: màu chữ, cỡ chữ, kiểu font) mà các đoạn văn bản khác trên trang không có. Cách hiệu quả nhất trong CSS để làm việc này là sử dụng:
6 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 6: Trong CSS, thuộc tính nào được sử dụng để thay đổi màu sắc của văn bản trong một phần tử HTML?
7 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 7: Để căn giữa một khối nội dung (`div`) trên trang web bằng CSS, bạn có thể sử dụng thuộc tính `margin` kết hợp với `display` và `width`. Cách thiết lập `margin` phổ biến để căn giữa là gì?
8 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 8: Phần tử HTML nào đóng vai trò là vùng chứa chính cho tất cả nội dung hiển thị mà người dùng nhìn thấy trên trình duyệt (văn bản, hình ảnh, video, v.v.)?
9 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 9: Bạn muốn đặt một hình ảnh (`banner.jpg`) làm ảnh nền cho phần đầu trang (một phần tử `div` có lớp `header`). Thuộc tính CSS nào trong lớp `.header` sẽ giúp bạn làm điều này?
10 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 10: Bạn có ba phần tử `div` con bên trong một phần tử `div` cha. Để ba phần tử con này hiển thị theo chiều ngang (cạnh nhau) thay vì mặc định theo chiều dọc, bạn có thể áp dụng thuộc tính CSS `display` nào cho phần tử cha hoặc các phần tử con?
11 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 11: Trong ví dụ thiết kế slogan với các ô có độ rộng bằng nhau trên một hàng (sử dụng các lớp như `Row` và `block_3`), việc sử dụng các lớp CSS này thể hiện nguyên tắc gì trong thiết kế giao diện?
12 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 12: Tại sao việc phân chia cấu trúc HTML của một trang web thành các khu vực rõ ràng như header (đầu trang), main content (nội dung chính), và footer (chân trang) lại được coi là thực hành tốt?
13 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 13: Thẻ HTML nào sau đây được sử dụng để chèn một hình ảnh vào trang web?
14 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 14: Thuộc tính `src` trong thẻ `
` có chức năng gì?
15 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 15: Thuộc tính `alt` trong thẻ `
` có ý nghĩa quan trọng nhất đối với khía cạnh nào của website?
16 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 16: Bạn muốn thêm khoảng trống *bên trong* một phần tử HTML (ví dụ: một `div` chứa văn bản và ảnh), giữa nội dung và viền của nó. Thuộc tính CSS nào sau đây được sử dụng để kiểm soát khoảng trống này?
17 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 17: Bạn muốn thêm khoảng trống *bên ngoài* viền của một phần tử HTML, tạo khoảng cách giữa phần tử đó với các phần tử HTML khác xung quanh nó. Thuộc tính CSS nào sau đây được sử dụng?
18 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 18: Nếu bạn cần thay đổi kiểu hiển thị (ví dụ: màu sắc, gạch chân) của tất cả các liên kết (thẻ ``) trên toàn bộ website, cách hiệu quả và dễ quản lý nhất là:
19 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 19: Một website giới thiệu các câu lạc bộ cần có chức năng cho phép người dùng gửi phản hồi hoặc đăng ký tham gia. Loại trang nào sau đây phù hợp nhất để chứa các thành phần như ô nhập liệu, nút gửi?
20 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 20: Khi bắt đầu thực hành thiết kế một website đa trang (ví dụ: trang chủ, trang CLB A, trang CLB B, tệp CSS), bước đầu tiên quan trọng liên quan đến tổ chức tệp là gì?
21 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 21: Bạn có quy tắc CSS sau: `.box { border: 1px solid black; padding: 20px; margin: 10px; }`. Nếu một phần tử HTML có lớp `box`, khoảng trống *bên trong* viền của nó sẽ là bao nhiêu?
22 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 22: Trong mô hình hộp (Box Model) của CSS, thứ tự các lớp bao từ trong ra ngoài của một phần tử là gì?
23 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 23: Để tạo một danh sách các hoạt động của câu lạc bộ mà thứ tự không quan trọng (ví dụ: Các hoạt động chính bao gồm: Tập luyện, Thi đấu, Giao lưu), bạn sẽ sử dụng thẻ HTML nào?
24 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 24: Để tạo một danh sách các bước hướng dẫn tham gia câu lạc bộ mà thứ tự là quan trọng (ví dụ: Bước 1: Đăng ký, Bước 2: Nộp hồ sơ, Bước 3: Tham gia phỏng vấn), bạn sẽ sử dụng thẻ HTML nào?
25 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 25: Để thêm một dòng bình luận vào mã HTML của bạn mà trình duyệt sẽ bỏ qua (không hiển thị trên trang), cú pháp đúng là gì?
26 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 26: Để thêm một dòng bình luận vào mã CSS của bạn mà trình duyệt sẽ bỏ qua, cú pháp đúng là gì?
27 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 27: Bạn có một phần tử `div` đặc biệt trên trang chủ dùng làm banner và bạn đã đặt cho nó một ID là `main-banner` (`
`). Trong CSS, bộ chọn (selector) nào sau đây được sử dụng để áp dụng style riêng cho phần tử này dựa trên ID của nó?
28 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 28: Bạn muốn áp dụng một kiểu chữ (ví dụ: in đậm) cho tất cả các đoạn văn bản (`
`) chỉ nằm trong phần nội dung chính của trang (một `div` có lớp `content`). Bộ chọn CSS kết hợp nào sau đây phù hợp nhất?
29 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 29: Nguyên tắc tách biệt giữa nội dung (HTML) và trình bày (CSS) mang lại lợi ích chính nào trong việc phát triển và bảo trì website?
30 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 30: Trong một website giới thiệu câu lạc bộ, phần chân trang (footer) thường được sử dụng để chứa loại thông tin nào?
0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 04
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 04 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế cấu trúc cơ bản cho một trang web theo phương pháp thực hành, việc sử dụng các thẻ HTML ngữ nghĩa như `
`, ` 0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Công nghệ 10 Kết nối tri thức Bài 24: Một số công nghệ cao trong trồng trọt
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 05
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 05 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế trang web theo bài học, để đảm bảo tất cả các trang (trang chủ, trang câu lạc bộ,...) có giao diện và bố cục nhất quán, phương pháp hiệu quả nhất là gì?
- A. Sao chép và dán toàn bộ mã HTML và CSS của trang chủ sang các trang khác.
- B. Định nghĩa lại các thuộc tính CSS trực tiếp trong thẻ style của từng trang HTML.
- C. Liên kết tất cả các trang HTML đến cùng một tệp tin CSS bên ngoài.
- D. Sử dụng các thư viện CSS khác nhau cho mỗi loại trang để tạo sự đa dạng.
Câu 2: Giả sử bạn muốn tạo một phần tử (ví dụ: một khối nội dung) chiếm chính xác một nửa chiều rộng của phần tử chứa nó và nằm ở bên trái. Thuộc tính CSS nào sau đây là phù hợp nhất để kết hợp sử dụng?
- A. `width` và `float: left`
- B. `height` và `display: block`
- C. `color` và `font-size`
- D. `margin` và `padding`
Câu 3: Bạn có một danh sách các liên kết (menu điều hướng) mà bạn muốn hiển thị theo chiều ngang thay vì chiều dọc mặc định. Bạn có thể sử dụng thuộc tính CSS `display` với giá trị nào cho các phần tử danh sách (`
- `) hoặc liên kết (``)?
- A. `display: block`
- B. `display: inline-block` hoặc `display: inline`
- C. `display: none`
- D. `display: flex` (nếu không sử dụng flexbox)
Câu 4: Trong cấu trúc thư mục website cơ bản, bạn nên đặt tệp CSS chính ở đâu để dễ quản lý?
- A. Ngay trong thư mục gốc cùng với các tệp HTML.
- B. Trong thư mục `images`.
- C. Trong một thư mục riêng, thường đặt tên là `css`.
- D. Không cần tạo tệp CSS riêng, viết trực tiếp vào HTML.
Câu 5: Khi sử dụng thuộc tính `float` để xếp các phần tử cạnh nhau, đôi khi các phần tử phía sau bị ảnh hưởng và trôi lên. Thuộc tính CSS nào được dùng để khắc phục hiện tượng này, buộc phần tử tiếp theo phải bắt đầu dưới các phần tử đã được float?
- A. `clear: both`
- B. `overflow: hidden`
- C. `display: block`
- D. `position: relative`
Câu 6: Bạn muốn tạo một vùng banner ở đầu trang web, chứa một hình ảnh nền và tiêu đề trang web nằm trên ảnh đó. Bạn sẽ sử dụng kết hợp các thuộc tính CSS nào để đặt ảnh làm nền cho một phần tử (`div` hoặc `header`)?
- A. `border-image`
- B. `list-style-image`
- C. `content`
- D. `background-image`
Câu 7: Để chèn một hình ảnh minh họa vào nội dung trang web, bạn sử dụng thẻ HTML nào?
- A. ``
- B. `
`
- C. ``
- D. `
`
Câu 8: Khi tạo liên kết giữa các trang trong website (ví dụ: từ trang chủ sang trang giới thiệu), thuộc tính `href` của thẻ `` cần chứa gì?
- A. Đường dẫn (path) đến tệp HTML của trang đích.
- B. Nội dung hiển thị của liên kết.
- C. Tên của thẻ CSS cần áp dụng.
- D. Mô tả ngắn về trang đích.
Câu 9: Bạn cần tạo một khu vực chứa các thông tin giới thiệu ngắn gọn về 3 câu lạc bộ, mỗi thông tin được đặt trong một "ô" riêng và các ô này được xếp thành một hàng ngang. Bạn có thể sử dụng thẻ HTML `
` và áp dụng lớp CSS chung cho 3 ô đó. Lớp CSS này cần định nghĩa thuộc tính nào để các ô có cùng độ rộng?- A. `height`
- B. `color`
- C. `width`
- D. `margin`
Câu 10: Để tạo khoảng trống bên ngoài đường viền (border) của một phần tử, bạn sử dụng thuộc tính CSS nào?
- A. `margin`
- B. `padding`
- C. `border-spacing`
- D. `outline`
Câu 11: Trang chủ của một website giới thiệu các câu lạc bộ thể thao và nghệ thuật nên có chức năng chính là gì?
- A. Chỉ hiển thị thông tin chi tiết của một câu lạc bộ nổi bật nhất.
- B. Chỉ chứa biểu mẫu đăng ký thành viên.
- C. Đăng toàn bộ nội dung của tất cả các trang con.
- D. Cung cấp thông tin tổng quan và các liên kết dẫn đến các trang chi tiết của từng nhóm/câu lạc bộ.
Câu 12: Bạn muốn tạo một hiệu ứng khi di chuột qua một liên kết, màu chữ của liên kết đó sẽ thay đổi. Bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS?
- A. `a:visited`
- B. `a:active`
- C. `a:hover`
- D. `a:link`
Câu 13: Xem xét đoạn mã HTML sau: `
- A. Box 1 và Box 2 sẽ nằm trên cùng một hàng, mỗi ô chiếm khoảng 50% chiều rộng.
- B. Box 1 và Box 2 sẽ nằm trên hai hàng khác nhau.
- C. Box 2 sẽ nằm dưới Box 1 và lệch sang phải.
- D. Cả hai Box sẽ bị ẩn đi.
Câu 14: Để tạo một khoảng trống bên trong đường viền (border) của một phần tử, giữa đường viền và nội dung (text, hình ảnh,...) bên trong phần tử đó, bạn sử dụng thuộc tính CSS nào?
- A. `margin`
- B. `padding`
- C. `spacing`
- D. `border-width`
Câu 15: Khi thiết kế bố cục trang web, việc chia trang thành các khu vực như header, content, footer giúp ích gì?
- A. Làm tăng tốc độ tải trang.
- B. Giảm dung lượng tệp tin CSS.
- C. Tổ chức nội dung hợp lý, dễ quản lý, và giúp người dùng định vị thông tin.
- D. Tự động làm cho trang web tương thích trên mọi thiết bị.
Câu 16: Bạn muốn tiêu đề chính của trang web (`
`) nằm ở giữa theo chiều ngang. Thuộc tính CSS nào sau đây có thể giúp bạn làm điều đó với văn bản?
- A. `text-align: center`
- B. `align-items: center`
- C. `margin: auto`
- D. `vertical-align: middle`
Câu 17: Để tạo một đường viền (border) xung quanh một phần tử HTML, bạn sử dụng thuộc tính CSS nào?
- A. `outline`
- B. `box-shadow`
- C. `border-radius`
- D. `border`
Câu 18: Giả sử bạn có một tệp CSS tên là `style.css` trong cùng thư mục với tệp HTML (`index.html`). Đoạn mã HTML nào sau đây được đặt trong thẻ `
` của `index.html` để liên kết đúng đến tệp CSS đó?- A. `
Xem kết quả
0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 06
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 06 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế một trang web tổng hợp giới thiệu các câu lạc bộ như trong Bài 18, việc sử dụng các tệp tin CSS riêng biệt cho từng trang con (ví dụ: club_thethao.css, club_nghethuat.css) thay vì một tệp CSS chung (style.css) có thể dẫn đến vấn đề gì về mặt quản lý và bảo trì?
- A. Website sẽ tải trang nhanh hơn do mỗi trang chỉ cần tải tệp CSS nhỏ hơn.
- B. Dễ dàng thay đổi giao diện của một trang con mà không ảnh hưởng đến các trang khác.
- C. Tăng tính bảo mật cho từng trang riêng biệt.
- D. Khó khăn trong việc duy trì sự nhất quán về giao diện chung trên toàn bộ website và tốn công sức khi muốn cập nhật đồng bộ.
Câu 2: Trong cấu trúc HTML của một trang web, bạn muốn tạo một khu vực hiển thị ba khối nội dung (ví dụ: ba ảnh đại diện cho ba câu lạc bộ khác nhau) nằm trên cùng một hàng và chiếm độ rộng bằng nhau. Dựa trên các kỹ thuật được giới thiệu trong Bài 18, bạn sẽ sử dụng kết hợp các lớp CSS nào để đạt được bố cục này?
- A. Một khối cha có lớp `Row` chứa ba khối con, mỗi khối con có lớp `block_3`.
- B. Một khối cha có lớp `block_3` chứa ba khối con, mỗi khối con có lớp `Row`.
- C. Chỉ cần sử dụng lớp `block_3` cho cả khối cha và khối con.
- D. Chỉ cần sử dụng lớp `Row` cho cả khối cha và khối con.
Câu 3: Giả sử bạn đang thiết kế phần đầu trang (header) cho website giới thiệu câu lạc bộ. Bạn muốn đặt một ảnh nền cho khu vực banner và hiển thị tiêu đề website ("CÁC CÂU LẠC BỘ CỦA TRƯỜNG") nổi bật trên ảnh đó. Thuộc tính CSS nào sau đây là cần thiết để đặt ảnh làm nền cho một khối HTML?
- A. background-color
- B. background-image
- C. border-image
- D. list-style-image
Câu 4: Khi thiết kế bố cục trang web, việc sử dụng các khối (`div`) và áp dụng CSS để định dạng (ví dụ: sử dụng lớp `Row` để xếp ngang) mang lại lợi ích chính nào so với việc chỉ sử dụng bảng (`
`) để bố cục?
- A. Đảm bảo nội dung luôn hiển thị chính xác trên mọi trình duyệt cũ.
- B. Giảm đáng kể dung lượng tệp HTML.
- C. Tăng tính linh hoạt trong thiết kế, dễ dàng điều chỉnh bố cục cho các kích thước màn hình khác nhau (responsive design) và tách biệt nội dung với trình bày.
- D. Giúp tìm kiếm nội dung trên trang web dễ dàng hơn cho các công cụ tìm kiếm.
Câu 5: Phần slogan trong ví dụ của Bài 18 được chia thành ba ô trên cùng một hàng. Mỗi ô này thường chứa loại nội dung gì để truyền tải thông điệp hoặc giá trị cốt lõi của website một cách ngắn gọn?
- A. Danh sách chi tiết lịch hoạt động của từng câu lạc bộ.
- B. Toàn bộ nội dung giới thiệu đầy đủ về các câu lạc bộ thể thao và nghệ thuật.
- C. Biểu mẫu đăng ký tham gia câu lạc bộ.
- D. Các câu khẩu hiệu, thông điệp ngắn gọn, hoặc biểu tượng minh họa cho tinh thần/mục tiêu của website.
Câu 6: Để một đường dẫn (link) trong menu điều hướng trên trang web chuyển màu khi người dùng rê chuột qua, bạn cần sử dụng pseudo-class (`:`) nào trong CSS?
- A. :hover
- B. :active
- C. :visited
- D. :focus
Câu 7: Trong quá trình thực hành thiết kế trang web, bạn nhận thấy rằng ảnh banner bạn chọn có kích thước rất lớn khiến trang web tải chậm. Kỹ thuật nào sau đây không phải là cách hiệu quả để giải quyết vấn đề này?
- A. Giảm kích thước vật lý (pixel) của ảnh bằng phần mềm chỉnh sửa ảnh trước khi đưa lên website.
- B. Nén dung lượng ảnh sử dụng các công cụ trực tuyến hoặc phần mềm chuyên dụng.
- C. Tăng thuộc tính `width` và `height` trong thẻ `
` để ảnh hiển thị lớn hơn.
- D. Sử dụng định dạng ảnh tối ưu cho web như WebP hoặc JPG được nén tốt.
Câu 8: Bạn muốn tạo một danh sách các liên kết (ví dụ: các câu lạc bộ) trong phần nội dung chính. Thay vì hiển thị danh sách dưới dạng các gạch đầu dòng hoặc số thứ tự mặc định, bạn muốn chúng hiển thị theo chiều ngang, chỉ cách nhau một khoảng đệm nhỏ và không có dấu đầu dòng. Thuộc tính CSS nào sau đây giúp loại bỏ dấu đầu dòng mặc định của danh sách (`
- `, `
- A. text-decoration: none;
- B. list-style: none;
- C. display: block;
- D. float: left;
- `)?
Câu 9: Khi thiết kế phần chân trang (footer) cho website, nội dung thường được đặt ở đây là gì?
- A. Thông tin bản quyền, liên hệ cơ bản, các liên kết quan trọng (ví dụ: chính sách bảo mật).
- B. Toàn bộ nội dung giới thiệu chi tiết về tất cả các câu lạc bộ.
- C. Ảnh banner lớn và slogan chính của website.
- D. Biểu mẫu đăng ký thành viên.
Câu 10: Website giới thiệu câu lạc bộ cần có trang chủ. Chức năng chính của trang chủ trong ngữ cảnh này là gì?
- A. Hiển thị toàn bộ thông tin chi tiết của một câu lạc bộ cụ thể.
- B. Chỉ chứa biểu mẫu đăng ký tham gia.
- C. Cung cấp cái nhìn tổng quan về website, giới thiệu các loại hình câu lạc bộ và chứa các liên kết dẫn đến các trang con chi tiết.
- D. Trang chỉ dùng để hiển thị thông tin liên hệ của ban quản lý website.
Câu 11: Để tạo hiệu ứng đổ bóng cho một khối nội dung (ví dụ: một ô trong phần slogan), thuộc tính CSS nào sau đây thường được sử dụng?
- A. text-shadow
- B. border-shadow
- C. outline-shadow
- D. box-shadow
Câu 12: Bạn muốn đảm bảo rằng các phần tử (như ảnh, văn bản) bên trong một khối div không tràn ra ngoài và gây vỡ bố cục khi kích thước màn hình thay đổi. Thuộc tính CSS nào có thể giúp kiểm soát hành vi tràn nội dung?
- A. overflow
- B. display
- C. position
- D. visibility
Câu 13: Trong ngữ cảnh thiết kế web thực hành, việc sử dụng các tài nguyên đa phương tiện như ảnh và video minh họa cho các câu lạc bộ có vai trò quan trọng như thế nào?
- A. Làm tăng đáng kể tốc độ tải trang.
- B. Giúp nội dung trở nên sinh động, hấp dẫn, dễ hình dung và thu hút người xem hơn.
- C. Bắt buộc phải có để website có thể hoạt động.
- D. Chỉ có tác dụng trang trí, không ảnh hưởng đến nội dung chính.
Câu 14: Giả sử bạn đang thiết kế trang chi tiết cho một câu lạc bộ cụ thể. Bạn muốn hiển thị thông tin giới thiệu, lịch hoạt động, và một thư viện ảnh. Bạn nên tổ chức các phần nội dung này trong cấu trúc HTML và CSS như thế nào để dễ quản lý và trình bày đẹp mắt?
- A. Sử dụng các thẻ `div` hoặc các thẻ ngữ nghĩa (semantic tags) như `
`, ` ` cho từng phần nội dung (giới thiệu, lịch, thư viện) và áp dụng CSS để định dạng bố cục, khoảng cách, và viền cho từng phần. - B. Đặt tất cả nội dung vào một bảng (`
`) lớn với nhiều hàng và cột.
- C. Chỉ cần viết tất cả nội dung liên tục trong thẻ `` mà không cần phân chia bằng các thẻ khối.
- D. Sử dụng thẻ `
` cho tất cả các loại nội dung, kể cả hình ảnh.
Câu 15: Bạn muốn tạo một menu điều hướng (navigation menu) ở đầu trang. Để các mục menu (`
- `) hiển thị theo chiều ngang thay vì chiều dọc mặc định của danh sách, bạn cần áp dụng thuộc tính `display` nào cho các mục danh sách (`
- `) trong CSS?
- A. display: block;
- B. display: flex;
- C. display: inline-block;
- D. display: grid;
Câu 16: Khi liên kết các trang HTML với nhau (ví dụ: từ trang chủ đến trang chi tiết câu lạc bộ), thẻ HTML nào được sử dụng để tạo siêu liên kết?
- A.
- B.
- C.
- D.
Câu 17: Thuộc tính `href` trong thẻ siêu liên kết (``) dùng để chỉ định điều gì?
- A. Địa chỉ URL hoặc tên tệp của trang đích mà liên kết trỏ tới.
- B. Văn bản hiển thị của liên kết.
- C. Màu sắc của liên kết.
- D. Cách liên kết được gạch chân.
Câu 18: Để áp dụng cùng một bộ quy tắc CSS cho nhiều phần tử HTML có đặc điểm chung (ví dụ: tất cả các tiêu đề phụ trong phần nội dung), bạn nên sử dụng bộ chọn (selector) CSS nào?
- A. Bộ chọn ID (#)
- B. Bộ chọn thẻ (tag)
- C. Bộ chọn lớp (.)
- D. Bộ chọn thuộc tính ([])
Câu 19: Giả sử bạn muốn tạo một khoảng trống (margin) 20px xung quanh một khối nội dung để tách nó ra khỏi các phần tử xung quanh. Khai báo CSS nào sau đây thực hiện điều này?
- A. padding: 20px;
- B. border: 20px;
- C. space: 20px;
- D. margin: 20px;
Câu 20: Khi sử dụng ảnh làm nền cho một khối (ví dụ: banner), thuộc tính `background-size: cover;` trong CSS có tác dụng gì?
- A. Phóng to hoặc thu nhỏ ảnh nền để nó luôn phủ kín toàn bộ khu vực của khối mà không làm biến dạng ảnh.
- B. Lặp lại ảnh nền theo cả chiều ngang và chiều dọc để lấp đầy khu vực.
- C. Chỉ hiển thị ảnh nền với kích thước gốc của nó.
- D. Đảm bảo ảnh nền luôn nằm ở trung tâm của khối.
Câu 21: Trong việc thiết kế trang web, tại sao việc đặt tên lớp CSS có ý nghĩa (ví dụ: `header`, `main-content`, `footer`, `row`, `block_3`) lại quan trọng?
- A. Giúp trình duyệt tải trang nhanh hơn.
- B. Tự động căn chỉnh bố cục cho phù hợp với mọi màn hình.
- C. Làm cho mã nguồn dễ đọc, dễ hiểu và dễ bảo trì hơn cho người thiết kế và những người làm việc cùng dự án.
- D. Bắt buộc phải tuân theo để website hiển thị đúng.
Câu 22: Bạn muốn tạo một khối văn bản có viền xung quanh. Thuộc tính CSS nào được sử dụng để định dạng viền?
- A. outline
- B. border
- C. margin
- D. padding
Câu 23: Khi thiết kế menu điều hướng, việc sử dụng danh sách không thứ tự (`
- `) với các mục danh sách (`
- `) và bên trong là các thẻ siêu liên kết (``) là một phương pháp phổ biến. Tại sao cấu trúc này lại được ưa chuộng?
- A. Giúp website được xếp hạng cao hơn trên Google.
- B. Chỉ có cấu trúc này mới cho phép tạo menu ngang.
- C. Đảm bảo menu luôn hiển thị ở cuối trang.
- D. Cung cấp cấu trúc ngữ nghĩa rõ ràng cho menu (một danh sách các mục), dễ dàng định dạng bằng CSS và thân thiện với các công cụ hỗ trợ đọc màn hình.
Câu 24: Bạn đã tạo một tệp CSS (`style.css`) để định dạng cho toàn bộ website. Để áp dụng các quy tắc CSS này cho một trang HTML (`index.html`), bạn cần thêm thẻ nào vào phần `
` của tệp HTML?- A.
- B.
Xem kết quả
0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 07
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 07 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế cấu trúc cơ bản cho một trang web, thẻ HTML nào thường được sử dụng để định nghĩa phần nội dung chính, tách biệt với tiêu đề (header) và chân trang (footer)?
- A.
- B.
- C.
- D.
Câu 2: Bạn đang muốn tạo một liên kết (hyperlink) trong trang web để khi người dùng nhấp vào sẽ chuyển đến trang "gioithieu.html". Đoạn mã HTML nào sau đây thực hiện đúng chức năng này?
Câu 3: Để áp dụng cùng một phong cách thiết kế (CSS) cho nhiều trang HTML khác nhau trong cùng một website, phương pháp nào là hiệu quả và dễ quản lý nhất?
- A. Viết mã CSS trực tiếp vào thẻ style trong phần của mỗi trang.
- B. Viết mã CSS trực tiếp vào thuộc tính style của từng thẻ HTML.
- C. Sử dụng thẻ
Xem kết quả
0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 08
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 08 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế cấu trúc thư mục cho một trang web đơn giản gồm nhiều trang (ví dụ: trang chủ, giới thiệu, liên hệ) và sử dụng chung một tệp tin CSS, cách tổ chức nào sau đây là hợp lý nhất để dễ quản lý?
- A. Đặt tất cả các tệp HTML và CSS vào cùng một thư mục gốc.
- B. Tạo thư mục riêng cho mỗi trang HTML, đặt tệp CSS vào mỗi thư mục đó.
- C. Đặt các tệp HTML ở thư mục gốc, tạo một thư mục con (ví dụ: `css`) để chứa tệp CSS chung.
- D. Đặt tệp CSS ở thư mục gốc, tạo một thư mục con cho tất cả các tệp HTML.
Câu 2: Để liên kết tệp tin CSS có tên `style.css` (nằm trong thư mục `css` cùng cấp với tệp HTML) vào trang HTML của bạn, bạn sẽ thêm đoạn mã nào vào phần `
` của tệp HTML?- A.
- B.
- C.
- D.
Câu 3: Bạn muốn tạo một khối nội dung (ví dụ: một bài viết, một sản phẩm) có thể tái sử dụng kiểu dáng trên nhiều vị trí khác nhau của trang web. Loại bộ chọn CSS nào là phù hợp và linh hoạt nhất để định nghĩa kiểu dáng cho khối nội dung này?
- A. Bộ chọn lớp (Class selector, ví dụ: `.khoi-noi-dung`)
- B. Bộ chọn ID (ID selector, ví dụ: `#khoi-noi-dung`)
- C. Bộ chọn phần tử (Element selector, ví dụ: `div`)
- D. Bộ chọn thuộc tính (Attribute selector, ví dụ: `[type=
Câu 4: Bạn có một danh sách các mục (ví dụ: danh sách các câu lạc bộ) và muốn hiển thị chúng theo chiều ngang thay vì chiều dọc mặc định của thẻ `
- `. Bạn cần áp dụng thuộc tính CSS nào cho các thẻ `
- ` (hoặc thẻ chứa nó như `
- `) để đạt được hiệu ứng này?
- A. `position: absolute;`
- B. `clear: both;`
- C. `display: block;`
- D. `display: inline-block;` hoặc `float: left;` hoặc `display: flex;`
Câu 5: Khi thiết kế phần đầu trang (header) của website, bạn muốn đặt logo ở bên trái và menu điều hướng ở bên phải trên cùng một hàng. Phương pháp bố cục CSS nào sau đây thường được sử dụng để căn chỉnh các phần tử con theo chiều ngang một cách linh hoạt?
- A. Flexbox (`display: flex;`)
- B. Grid Layout (`display: grid;`)
- C. Float (`float: left;` / `float: right;`)
- D. Cả A, B, và C đều là các phương pháp phổ biến.
Câu 6: Bạn muốn chèn một hình ảnh có tên `logo.png` vào trang web. Hình ảnh này nằm trong thư mục `images` cùng cấp với thư mục `css` và thư mục gốc chứa các tệp HTML. Đoạn mã HTML nào là đúng để chèn hình ảnh này?
- A.
- B.
- C.
- D.
Câu 7: Thuộc tính `alt` trong thẻ `
` có mục đích gì?
- A. Đặt kích thước của hình ảnh.
- B. Chỉ định tiêu đề hiển thị khi rê chuột vào hình ảnh.
- C. Tải hình ảnh dưới dạng nền.
- D. Cung cấp văn bản thay thế khi hình ảnh không hiển thị và hỗ trợ cho các trình đọc màn hình (accessibility).
Câu 8: Bạn muốn tạo một liên kết từ trang chủ (`index.html`) đến trang giới thiệu (`gioithieu.html`) nằm trong cùng một thư mục. Đoạn mã HTML nào là đúng?
- A.
- B.
- C.
- D.
Câu 9: Để một liên kết mở ra ở một tab hoặc cửa sổ trình duyệt mới, bạn cần thêm thuộc tính nào vào thẻ ``?
- A. `target=
- B. `target=
- C. `target=
- D. `target=
Câu 10: Khi thiết kế phần chân trang (footer) của website, nội dung nào sau đây thường được đặt ở đó?
- A. Tiêu đề chính của trang web.
- B. Nội dung chi tiết của bài viết.
- C. Thông tin bản quyền, liên kết đến chính sách bảo mật, địa chỉ liên hệ.
- D. Menu điều hướng chính của trang web.
Câu 11: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu chữ, cỡ chữ, khoảng cách dòng) cho tất cả các đoạn văn bản trong phần nội dung chính của trang. Cách hiệu quả nhất để làm điều này là sử dụng bộ chọn CSS nào?
- A. Bộ chọn phần tử `p`
- B. Bộ chọn ID `#noi-dung` (nếu nội dung chính nằm trong thẻ có ID đó)
- C. Bộ chọn lớp `.doan-van` (nếu mỗi đoạn văn đều có lớp này)
- D. Áp dụng style trực tiếp vào từng thẻ `
` bằng thuộc tính `style`.
Câu 12: Trong CSS, thuộc tính nào được sử dụng để kiểm soát khoảng trống bên ngoài viền của một phần tử?
- A. `padding`
- B. `border`
- C. `outline`
- D. `margin`
Câu 13: Thuộc tính `padding` trong CSS được sử dụng để kiểm soát khoảng trống bên trong viền của một phần tử. Nếu bạn thiết lập `padding: 10px 20px;`, điều này có nghĩa là gì?
- A. Padding 10px cho trên và dưới, 20px cho trái và phải.
- B. Padding 10px cho trên và dưới, 20px cho trái và phải.
- C. Padding 10px cho tất cả các cạnh.
- D. Padding 10px cho trên và trái, 20px cho dưới và phải.
Câu 14: Bạn muốn đặt màu nền cho toàn bộ trang web. Bạn nên áp dụng thuộc tính CSS `background-color` cho bộ chọn nào?
- A. `body`
- B. `html`
- C. `head`
- D. `background`
Câu 15: Trong HTML, thẻ `
Câu 16: Thẻ HTML nào được sử dụng để tạo một tiêu đề chính (quan trọng nhất) cho một phần nội dung hoặc trang?
- A. `
`
- B. `
`
- C. `
`
- D. `
` Câu 17: Bạn muốn tạo một đường gạch ngang để phân chia các phần nội dung trong trang web. Thẻ HTML nào phù hợp nhất cho mục đích này?
- A. `
` - B. `
` - C. `
`
- D. `
`
Câu 18: Khi thiết kế một website có nhiều trang, việc sử dụng cùng một tệp tin CSS cho tất cả các trang mang lại lợi ích chính nào?
- A. Giúp trang web tải nhanh hơn.
- B. Bảo mật trang web tốt hơn.
- C. Cho phép mỗi trang có một giao diện hoàn toàn khác biệt.
- D. Đảm bảo sự nhất quán về giao diện và dễ dàng cập nhật kiểu dáng trên toàn bộ website.
Câu 19: Bạn có một khối `div` và muốn căn giữa nó theo chiều ngang trên trang. Nếu khối `div` này có độ rộng cố định (ví dụ: `width: 600px;`), bạn có thể sử dụng kết hợp các thuộc tính CSS nào sau đây để đạt được điều này?
- A. `margin-left: auto; margin-right: auto;`
- B. `text-align: center;`
- C. `float: center;`
- D. `position: center;`
Câu 20: Thẻ HTML nào được sử dụng để định nghĩa một vùng độc lập, có thể tái sử dụng trong tài liệu HTML, thường là một container cho các phần tử khác và không mang ý nghĩa ngữ nghĩa cụ thể?
- A. `
` - B. `
` - C. `
`
- D. `
`
Câu 21: Bạn muốn tạo một danh sách không có thứ tự (ví dụ: danh sách các liên kết trong menu). Thẻ HTML nào là phù hợp nhất?
- A. `
- `
- B. `
- `
- C. `
- `
- D. `
- `
Câu 22: Để loại bỏ các dấu chấm (bullet points) mặc định khỏi các mục trong danh sách không có thứ tự (`
- `), bạn sử dụng thuộc tính CSS nào?
- A. `list-style: none;`
- B. `text-decoration: none;`
- C. `display: inline;`
- D. `margin-left: 0;`
Câu 23: Bạn cần tạo một biểu mẫu đăng ký đơn giản trên trang web, bao gồm các trường nhập liệu như Tên, Email và nút Gửi. Thẻ HTML nào là bắt buộc để bao bọc toàn bộ các trường nhập liệu và nút này?
- A. `
`
- B. `
` - C. ``
- D. `
` Câu 24: Khi sử dụng thuộc tính `width: 100%;` cho một phần tử `div`, độ rộng của phần tử đó sẽ được đặt bằng bao nhiêu?
- A. Bằng 100% chiều cao của phần tử cha.
- B. Bằng 100% độ rộng của phần tử cha (trừ đi padding và border nếu sử dụng `box-sizing: content-box`).
- C. Bằng 100 pixel.
- D. Bằng 100% độ rộng màn hình thiết bị.
Câu 25: Bạn muốn đặt màu chữ cho một đoạn văn bản cụ thể có lớp CSS là `.mo-ta`. Đoạn mã CSS nào là đúng?
- A. `.mo-ta { color: blue; }`
- B. `#mo-ta { color: blue; }`
- C. `mo-ta { color: blue; }`
- D. `element.mo-ta { color: blue; }`
Câu 26: Để tạo khoảng trống giữa các dòng văn bản trong một đoạn, bạn sử dụng thuộc tính CSS nào?
- A. `word-spacing`
- B. `letter-spacing`
- C. `line-height`
- D. `text-indent`
Câu 27: Bạn muốn thêm một chú thích trong mã HTML của mình mà không hiển thị trên trình duyệt. Cú pháp đúng cho chú thích HTML là gì?
- A. `// This is a comment`
- B. ``
- C. `/* This is a comment */`
- D. `# This is a comment`
Câu 28: Cú pháp đúng để thêm một chú thích trong tệp tin CSS là gì?
- A. ``
- B. `// This is a comment`
- C. `# This is a comment`
- D. `/* This is a comment */`
Câu 29: Trong quá trình thiết kế web, việc sử dụng các thẻ ngữ nghĩa (semantic tags) như `
`, ` - B. `
- D. `
1 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 1: Khi thiết kế cấu trúc thư mục cho một trang web đơn giản gồm nhiều trang (ví dụ: trang chủ, giới thiệu, liên hệ) và sử dụng chung một tệp tin CSS, cách tổ chức nào sau đây là hợp lý nhất để dễ quản lý?
2 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 2: Để liên kết tệp tin CSS có tên `style.css` (nằm trong thư mục `css` cùng cấp với tệp HTML) vào trang HTML của bạn, bạn sẽ thêm đoạn mã nào vào phần `
` của tệp HTML?3 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 3: Bạn muốn tạo một khối nội dung (ví dụ: một bài viết, một sản phẩm) có thể tái sử dụng kiểu dáng trên nhiều vị trí khác nhau của trang web. Loại bộ chọn CSS nào là phù hợp và linh hoạt nhất để định nghĩa kiểu dáng cho khối nội dung này?
4 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 4: Bạn có một danh sách các mục (ví dụ: danh sách các câu lạc bộ) và muốn hiển thị chúng theo chiều ngang thay vì chiều dọc mặc định của thẻ `
- `. Bạn cần áp dụng thuộc tính CSS nào cho các thẻ `
- ` (hoặc thẻ chứa nó như `
- `) để đạt được hiệu ứng này?
5 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 5: Khi thiết kế phần đầu trang (header) của website, bạn muốn đặt logo ở bên trái và menu điều hướng ở bên phải trên cùng một hàng. Phương pháp bố cục CSS nào sau đây thường được sử dụng để căn chỉnh các phần tử con theo chiều ngang một cách linh hoạt?
6 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 6: Bạn muốn chèn một hình ảnh có tên `logo.png` vào trang web. Hình ảnh này nằm trong thư mục `images` cùng cấp với thư mục `css` và thư mục gốc chứa các tệp HTML. Đoạn mã HTML nào là đúng để chèn hình ảnh này?
7 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 7: Thuộc tính `alt` trong thẻ `
` có mục đích gì?
8 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 8: Bạn muốn tạo một liên kết từ trang chủ (`index.html`) đến trang giới thiệu (`gioithieu.html`) nằm trong cùng một thư mục. Đoạn mã HTML nào là đúng?
9 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 9: Để một liên kết mở ra ở một tab hoặc cửa sổ trình duyệt mới, bạn cần thêm thuộc tính nào vào thẻ ``?
10 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 10: Khi thiết kế phần chân trang (footer) của website, nội dung nào sau đây thường được đặt ở đó?
11 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 11: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: màu chữ, cỡ chữ, khoảng cách dòng) cho tất cả các đoạn văn bản trong phần nội dung chính của trang. Cách hiệu quả nhất để làm điều này là sử dụng bộ chọn CSS nào?
12 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 12: Trong CSS, thuộc tính nào được sử dụng để kiểm soát khoảng trống *bên ngoài* viền của một phần tử?
13 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 13: Thuộc tính `padding` trong CSS được sử dụng để kiểm soát khoảng trống *bên trong* viền của một phần tử. Nếu bạn thiết lập `padding: 10px 20px;`, điều này có nghĩa là gì?
14 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 14: Bạn muốn đặt màu nền cho toàn bộ trang web. Bạn nên áp dụng thuộc tính CSS `background-color` cho bộ chọn nào?
15 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 15: Trong HTML, thẻ `
16 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 16: Thẻ HTML nào được sử dụng để tạo một tiêu đề chính (quan trọng nhất) cho một phần nội dung hoặc trang?
17 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 17: Bạn muốn tạo một đường gạch ngang để phân chia các phần nội dung trong trang web. Thẻ HTML nào phù hợp nhất cho mục đích này?
18 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 18: Khi thiết kế một website có nhiều trang, việc sử dụng cùng một tệp tin CSS cho tất cả các trang mang lại lợi ích chính nào?
19 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 19: Bạn có một khối `div` và muốn căn giữa nó theo chiều ngang trên trang. Nếu khối `div` này có độ rộng cố định (ví dụ: `width: 600px;`), bạn có thể sử dụng kết hợp các thuộc tính CSS nào sau đây để đạt được điều này?
20 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 20: Thẻ HTML nào được sử dụng để định nghĩa một vùng độc lập, có thể tái sử dụng trong tài liệu HTML, thường là một container cho các phần tử khác và không mang ý nghĩa ngữ nghĩa cụ thể?
21 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 21: Bạn muốn tạo một danh sách không có thứ tự (ví dụ: danh sách các liên kết trong menu). Thẻ HTML nào là phù hợp nhất?
22 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 22: Để loại bỏ các dấu chấm (bullet points) mặc định khỏi các mục trong danh sách không có thứ tự (`
- `), bạn sử dụng thuộc tính CSS nào?
23 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 23: Bạn cần tạo một biểu mẫu đăng ký đơn giản trên trang web, bao gồm các trường nhập liệu như Tên, Email và nút Gửi. Thẻ HTML nào là bắt buộc để bao bọc toàn bộ các trường nhập liệu và nút này?
24 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 24: Khi sử dụng thuộc tính `width: 100%;` cho một phần tử `div`, độ rộng của phần tử đó sẽ được đặt bằng bao nhiêu?
25 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 25: Bạn muốn đặt màu chữ cho một đoạn văn bản cụ thể có lớp CSS là `.mo-ta`. Đoạn mã CSS nào là đúng?
26 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 26: Để tạo khoảng trống giữa các dòng văn bản trong một đoạn, bạn sử dụng thuộc tính CSS nào?
27 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 27: Bạn muốn thêm một chú thích trong mã HTML của mình mà không hiển thị trên trình duyệt. Cú pháp đúng cho chú thích HTML là gì?
28 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 28: Cú pháp đúng để thêm một chú thích trong tệp tin CSS là gì?
29 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 29: Trong quá trình thiết kế web, việc sử dụng các thẻ ngữ nghĩa (semantic tags) như `
`, ` 30 / 30
Category: Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Câu 30: Bạn muốn tạo một trang web đơn giản giới thiệu về các câu lạc bộ trong trường. Trang chủ nên có chức năng chính gì để hướng dẫn người dùng?
- D. `
0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 09
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 09 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế một trang web giới thiệu các câu lạc bộ trường học, phần nào của trang web thường chứa logo, tiêu đề trang và có thể là một hình ảnh lớn minh họa chung?
- A. Phần chân trang (Footer)
- B. Phần đầu trang (Header)
- C. Phần nội dung chính (Main Content)
- D. Thanh điều hướng (Navigation Bar)
Câu 2: Giả sử bạn muốn các trang "Giới thiệu CLB Thể thao" và "Giới thiệu CLB Nghệ thuật" có cùng màu nền, font chữ và bố cục cơ bản với trang chủ. Cách hiệu quả nhất để đạt được sự nhất quán này trong thiết kế web là gì?
- A. Copy và dán toàn bộ mã CSS vào từng trang HTML riêng lẻ.
- B. Sử dụng các thuộc tính `style` trực tiếp trong thẻ HTML (inline CSS).
- C. Liên kết tất cả các trang HTML đến cùng một tệp tin CSS bên ngoài.
- D. Thiết lập phong cách trình bày riêng cho từng trang HTML một cách độc lập.
Câu 3: Để tạo một bố cục mà ba khối nội dung (ví dụ: ba câu slogan ngắn) được xếp cạnh nhau trên một hàng và chia đều chiều rộng của khu vực chứa chúng, bạn sẽ cần sử dụng kỹ thuật CSS nào cho các khối nội dung đó và cho container (thẻ div bao ngoài)?
- A. Sử dụng `display: inline-block` hoặc `float: left` cho các khối nội dung và quản lý container (ví dụ: dùng lớp "Row").
- B. Đặt mỗi khối nội dung vào một đoạn văn bản (`
`).
- C. Sử dụng thuộc tính `text-align: center` cho container.
- D. Sử dụng thẻ bảng (`
`) với ba cột.
Câu 4: Bạn có một thẻ `
` với lớp CSS là `banner`. Bạn muốn thiết lập một hình ảnh nền cho thẻ `div` này. Thuộc tính CSS nào bạn sẽ sử dụng trong lớp `banner`?- A. `background-color`
- B. `image-source`
- C. `src`
- D. `background-image`
Câu 5: Trong tệp HTML, để tạo một liên kết từ trang chủ (`index.html`) đến trang giới thiệu câu lạc bộ thể thao (`thethao.html`), đoạn mã HTML chính xác là gì?
Câu 6: Khi sử dụng một tệp CSS chung cho nhiều trang, điều gì xảy ra nếu bạn thay đổi một quy tắc CSS (ví dụ: thay đổi màu nền của phần header) trong tệp CSS đó?
- A. Sự thay đổi sẽ áp dụng cho tất cả các trang HTML liên kết đến tệp CSS đó.
- B. Sự thay đổi chỉ áp dụng cho trang HTML mà bạn đang mở trong trình duyệt.
- C. Bạn cần phải mở từng trang HTML và cập nhật thủ công liên kết đến tệp CSS.
- D. Tệp CSS sẽ bị lỗi và không áp dụng cho trang nào cả.
Câu 7: Giả sử bạn có một danh sách các câu lạc bộ muốn hiển thị dưới dạng các mục có dấu chấm đầu dòng. Thẻ HTML nào là phù hợp nhất để sử dụng cho cấu trúc này?
- A. `
- ` (Ordered List)
- B. `
- ` (Description List)
- C. `
- ` (Unordered List)
- D. `
- ` (Custom List Tag)
Câu 8: Trong thiết kế web, mục đích chính của việc phân chia trang web thành các phần như header, main content, và footer là gì?
- A. Để giảm dung lượng tệp HTML.
- B. Để bắt buộc sử dụng JavaScript cho các phần khác nhau.
- C. Để mỗi phần có thể được lưu trữ dưới dạng một tệp riêng biệt.
- D. Để tổ chức nội dung một cách logic, dễ quản lý và cải thiện khả năng truy cập (accessibility).
Câu 9: Bạn muốn thêm một biểu mẫu đăng ký đơn giản vào trang web của mình, bao gồm các trường như Tên, Lớp, và CLB muốn tham gia. Thẻ HTML nào là cần thiết để bắt đầu tạo một biểu mẫu?
- A. `
` - B. ``
- C. `
- D. `
Câu 10: Khi thiết kế bố cục sử dụng CSS, thuộc tính `width: 33.33%;` áp dụng cho ba khối nội dung trong một container có `display: flex` hoặc sử dụng `float` sẽ giúp chúng đạt được điều gì?
- A. Chúng sẽ xếp chồng lên nhau theo chiều dọc.
- B. Chúng sẽ chia đều chiều rộng của container, mỗi khối chiếm khoảng một phần ba.
- C. Văn bản bên trong các khối sẽ được căn giữa.
- D. Các khối sẽ chỉ hiển thị trên thiết bị di động.
Câu 11: Bạn đã thiết kế xong trang chủ và các trang con. Bước tiếp theo quan trọng trước khi đưa website lên mạng là gì?
- A. Chỉ cần kiểm tra trên một loại trình duyệt duy nhất.
- B. Thêm thật nhiều hiệu ứng động bằng JavaScript.
- C. Kiểm tra lại tất cả các liên kết, hình ảnh, video và bố cục trên nhiều trình duyệt và thiết bị khác nhau.
- D. Xóa hết các comment (chú thích) trong mã HTML và CSS.
Câu 12: Giả sử bạn muốn chèn một video giới thiệu về hoạt động của CLB vào trang web. Thẻ HTML nào bạn sẽ sử dụng để nhúng video này?
- A. `
- B. `
- C. `
`
- D. `
Câu 13: Trong CSS, để thay đổi màu sắc của tất cả các tiêu đề cấp 2 (`
`) trên trang web, bạn sẽ viết quy tắc CSS như thế nào?
- A. `
- B. `.h2 { color: blue; }`
- C. `#h2 { color: blue; }`
- D. `h2 { color: blue; }`
Câu 14: Mục đích của việc sử dụng thuộc tính `alt` trong thẻ `
` là gì?
- A. Để đặt kích thước cho hình ảnh.
- B. Để thêm hiệu ứng động khi di chuột qua hình ảnh.
- C. Để cung cấp văn bản thay thế cho hình ảnh khi hình ảnh không hiển thị hoặc cho trình đọc màn hình (accessibility).
- D. Để đặt tên tệp hình ảnh.
Câu 15: Bạn muốn tạo một khoảng trống 20 pixel giữa viền của một khối nội dung và nội dung bên trong khối đó. Thuộc tính CSS nào bạn sẽ sử dụng?
- A. `margin`
- B. `padding`
- C. `border-spacing`
- D. `gap`
Câu 16: Giả sử bạn có một tệp HTML tên là `trangchu.html` và một tệp CSS tên là `style.css` cùng nằm trong một thư mục. Đoạn mã HTML nào được đặt trong thẻ `
` của `trangchu.html` để liên kết đến tệp CSS đó?- A. `
- B. `
Xem kết quả
0Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 10
Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 10 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế một trang web giới thiệu về các câu lạc bộ của trường, trang chủ (homepage) thường có vai trò chính là gì?
- A. Chứa biểu mẫu đăng ký chi tiết cho từng câu lạc bộ.
- B. Hiển thị toàn bộ nội dung chi tiết của tất cả các câu lạc bộ.
- C. Cung cấp thông tin tổng quan và các liên kết điều hướng đến các trang nội dung chi tiết.
- D. Chỉ hiển thị thông tin liên hệ của người quản trị trang web.
Câu 2: Để đảm bảo tất cả các trang trong một website có cùng một phong cách hiển thị (màu sắc, font chữ, bố cục cơ bản), người thiết kế web nên sử dụng kỹ thuật nào hiệu quả nhất?
- A. Sao chép và dán mã HTML/CSS cho từng trang.
- B. Liên kết tất cả các tệp HTML đến cùng một tệp tin CSS bên ngoài.
- C. Định nghĩa phong cách trực tiếp trong thẻ `
Xem kết quả
- C. Sử dụng nhiều thẻ `
- B.