WorksheetsBài 7 và Bài 8: HTML và định dạng văn bản
Total questions: 102
Worksheet time: 51mins
Phần tử HTML nào sau đây không cần thẻ kết thúc?
Trong HTML, các thẻ có thể được lồng nhau theo một cấu trúc nhất định. Phát biểu nào sau đây mô tả đúng mối quan hệ lồng nhau giữa các thẻ?
Thẻ
có thể lồng trong thẻ .Thẻ phải lồng trong thẻ
.Thẻ
có thể lồng trong thẻ
Thẻ
không thể lồng trong thẻ .
Cho đoạn mã sau:
Đây là văn bản
. Thẻcó thuộc tính nào sau đây?
color
p
style
red
Một lập trình viên muốn tạo một trang web có tiêu đề là "Trang chủ" và nội dung chính là "Chào mừng đến với website của chúng tôi". Đoạn mã HTML nào sau đây là chính xác để thực hiện?
Chào mừng đến với website của chúng tôi
\nChào mừng đến với website của chúng tôi
\nTrang chủ
\n\nChào mừng đến với website của chúng tôi
\n\n
Chào mừng đến với website của chúng tôi
\n\nBạn muốn tạo một sơ đồ cây HTML cho đoạn mã sau:
Tiêu đề
Đoạn văn bản
,
,
Cho một đoạn mã HTML, bạn muốn đặt một chú thích để giải thích chức năng của một đoạn code mà không hiển thị trên trình duyệt. Câu lệnh nào sau đây là đúng?
// Đây là chú thích
/* Đây là chú thích */
Một lập trình viên muốn tạo một trang web giới thiệu sản phẩm. Thẻ nào sau đây giúp tách nội dung thành các khối độc lập, mỗi khối bắt đầu trên một dòng mới?
Trong một dự án làm trang web giới thiệu trường học, bạn cần phải tổ chức nội dung trang sao cho rõ ràng và dễ quản lý. Bạn sử dụng các thẻ HTML để đánh dấu và cấu trúc nội dung. Hãy chọn tất cả phát biểu đúng.
Thẻ
là thẻ đơn, chỉ có tác dụng xuống dòng mà không tạo ra khoảng trống như thẻ
.
Thẻ tạo ra một khối nội dung, tự động xuống dòng do sau khi kết thúc.
Trong HTML, khi gõ nhiều dấu cách hoặc nhấn phím Enter trong tệp mã nguồn, trình duyệt sẽ tự động hiểu và hiển thị đúng như vậy.
Thẻ trong phần
dùng để khai báo thông tin bổ sung, ví dụ như mã hóa Unicode của trang.Thẻ HTML nào sau đây, ngoài việc định dạng chữ nghiêng, còn mang ý nghĩa ngữ nghĩa là "nhấn mạnh" cho văn bản?
Khi muốn áp dụng đồng thời nhiều định dạng (ví dụ: chữ màu đỏ và cỡ chữ 15px) bằng thuộc tính style, các cặp "tên: giá trị" được ngăn cách bởi dấu nào? Hãy chọn đáp án đúng trong các phương án được liệt kê sau:
Dấu phẩy (,)
Dấu chấm phẩy (;)
Dấu hai chấm (:)
Dấu gạch nối (-)
Xét hai đoạn mã: (1)
Môn Tin học rất hay.
(2)Môn Tin học rất hay.
Phương án nào sau đây mô tả đúng sự khác biệt (nếu có) giữa (1) và (2)?(1) Từ "Tin học" hiển thị đậm, (2) Từ "Tin học" hiển thị nghiêng.
Cả hai đều hiển thị in đậm, nhưng (2) mang thêm ý nghĩa nhấn mạnh về tầm quan trọng (ngữ nghĩa) của từ "Tin học".
Cả hai đều hiển thị in đậm, nhưng (1) được khuyến khích dùng trong HTML5 hơn (2).
(1) hiển thị bình thường, (2) hiển thị in đậm.
Xét đoạn mã:
Văn bản tiêu đề
. Mặc dù không khai báo style, văn bản này vẫn hiển thị to và đậm. Điều này là do đâu? Hãy chọn phương án giải thích đúng:Do trình duyệt web có các định dạng mặc định cho các thẻ HTML như
.
Do thẻ
luôn tự động lấy style từ thẻ .
Do thẻ
bắt buộc phải đi kèm thẻ
...
Trong cấu trúc CSS, vùng mô tả (chứa các khai báo) được bao quanh bởi cặp dấu nào sau đây?
Ngoặc đơn ( )
Ngoặc vuông [ ]
Ngoặc nhọn { }
Dấu ngoặc kép " "
Phương án nào sau đây mô tả đúng mối quan hệ giữa HTML và CSS?
CSS là một phần nằm trong ngôn ngữ HTML.
CSS là ngôn ngữ lập trình thay thế cho HTML.
CSS là ngôn ngữ định dạng độc lập với HTML, dùng để mô tả cách hiển thị.
CSS dùng để tạo cấu trúc nội dung, HTML dùng để trang trí.
Phương án nào sau đây nêu đúng vai trò quan trọng nhất của CSS trong thiết kế web hiện đại?
Giúp trang web tải nhanh hơn bằng cách xóa nội dung thừa.
Tách biệt phần nội dung (HTML) và phần trình bày (Giao diện), giúp quản lý và thay đổi giao diện dễ dàng.
Tăng cường khả năng bảo mật dữ liệu cho website.
Thay thế hoàn toàn JavaScript trong việc tạo hiệu ứng.
Tại sao nên sử dụng CSS ngoài (External CSS) cho các dự án website lớn có nhiều trang? Hãy chọn phương án giải thích đúng nhất:
Vì nó giúp viết mã nhanh hơn CSS nội tuyến.
Vì nó cho phép một tệp định dạng dùng chung cho nhiều trang web, đảm bảo sự nhất quán và dễ bảo trì.
Vì trình duyệt chỉ hiểu được CSS ngoài.
Vì CSS ngoài bảo mật tốt hơn CSS trong.
Phương án nào sau đây nêu đúng tác dụng của dấu chấm phẩy (;) trong vùng mô tả (khối khai báo) của CSS?
Dùng để kết thúc một thuộc tính; cho phép viết nhiều khai báo liên tiếp trong cùng một khối.
Dùng để liên kết bộ chọn với vùng mô tả.
Dùng để chú thích đoạn mã.
Dùng để kết thúc toàn bộ định nghĩa một stylesheet.
Phương án nào sau đây mô tả đúng giao diện của một trang web khi hoàn toàn không sử dụng CSS?
Trang web sẽ trắng trơn không hiển thị gì.
Trang web sẽ hiển thị nội dung thô theo định dạng mặc định của trình duyệt (thường là chữ đen, nền trắng, font Times New Roman).
Trang web sẽ báo lỗi cú pháp.
Trang web vẫn đẹp nhưng không tương tác được.
Phương án nào sau đây mô tả đúng ý nghĩa của thuật ngữ “Cascading” (Xếp chồng) trong CSS?
Các tệp CSS phải được xếp chồng lên nhau trong thư mục.
Cơ chế ưu tiên để giải quyết xung đột khi có nhiều quy tắc định dạng cùng áp dụng lên một phần tử.
CSS chỉ cho phép áp dụng một mẫu định dạng duy nhất.
CSS yêu cầu viết mã từ dưới lên trên.
Giả sử tệp style.css nằm cùng thư mục với tệp HTML. Câu lệnh nào sau đây là đúng để liên kết tệp này?
Nếu trong tệp CSS có dòng: p { color: red; }, nhưng trong HTML lại có dòng
Nội dung
. Văn bản sẽ hiển thị màu gì?Màu đỏ (Red).
Màu xanh (Blue).
Màu đen (Mặc định).
Màu tím (Pha trộn).
Nam viết đoạn mã CSS cho tiêu đề cấp 2 như sau: h2 { color: green; font-size: 20px; } Hãy xác định nhận định đúng (chọn tất cả phương án đúng).
Bộ chọn h2 nghĩa là mẫu định dạng này áp dụng cho tất cả thẻ h2 trong trang.
Thuộc tính font-size: 20px thiết lập chiều cao dòng văn bản là 20 pixel.
Màu chữ của tiêu đề h2 sẽ hiển thị là màu xanh lá cây.
Đây là ví dụ về cách viết CSS nội tuyến (Inline CSS).
Trong CSS, để thay đổi kích thước (cỡ) chữ, ta sử dụng thuộc tính nào?
text-size
font-style
font-size
font-weight
Giá trị nào của thuộc tính font-weight dùng để định dạng chữ in đậm?
normal
bold
italic
underline
Phương án nào sau đây là nhóm phông chữ có chân (serif), với đặc điểm có nét trang trí nhỏ gọn ở đầu và cuối ký tự, giúp chữ viết rõ ràng hơn?
sans-serif
monospace
serif
cursive
Phương án nào sau đây là thuộc tính CSS dùng để căn chỉnh văn bản theo chiều ngang (trái, phải, giữa)?
text-indent
text-align
text-decoration
line-height
Phương án nào sau đây là tên thuộc tính CSS dùng để thiết lập khoảng cách giữa các dòng trong đoạn văn bản?
letter-spacing
word-spacing
line-height
margin
Cho đoạn mã CSS: font-family: Arial, Helvetica, sans-serif; Trình duyệt sẽ xử lý theo quy tắc nào?
Trình duyệt sẽ hiển thị đồng thời cả ba phông chữ xen kẽ nhau.
Ưu tiên sử dụng Arial; nếu không có thì dùng Helvetica; nếu cả hai đều không có thì dùng nhóm phông chữ chung sans-serif.
Chỉ sử dụng font sans-serif, bỏ qua Arial và Helvetica.
Chọn ngẫu nhiên một phông chữ để hiển thị.
Để loại bỏ đường gạch chân mặc định của thẻ liên kết, ta sử dụng giá trị nào cho thuộc tính text-decoration?
text-decoration: none;
text-align: none;
underline: none;
font-style: normal;
Phát biểu nào sau đây đúng về tính chất “kế thừa” trong CSS khi định dạng văn bản?
Phần tử con sẽ tự động nhận các thuộc tính định dạng (như màu, kiểu chữ) từ phần tử cha nếu không có cài đặt riêng.
Phần tử cha sẽ luôn nhận định dạng từ phần tử con.
Tất cả các thuộc tính CSS (bao gồm cả border, margin) đều được kế thừa.
Chỉ có thẻ body mới có tính kế thừa.
Trong CSS, đơn vị em là đơn vị tương đối. Kích thước của nó dựa trên yếu tố nào?
Kích thước thiết bị màn hình.
Cỡ chữ của phần tử trực tiếp (parent).
Thiết lập mặc định của trình duyệt.
Chiều rộng của phần tử.
Dòng lệnh h1 { font: bold italic 24px Arial; } là cách viết gộp của những thuộc tính nào sau đây?
Cỡ chữ, trạng trí phông chữ, cỡ chữ, họ phông chữ.
Kiểu dáng chữ, độ dày chữ, kích thước chữ, họ phông chữ.
Kiểu phông chữ, độ dày phông chữ, họ phông chữ, cỡ chữ.
Kiểu văn bản, độ dày văn bản, kích thước văn bản, họ phông chữ.
Để thụt đầu dòng 30px cho đoạn văn bản đầu tiên mà không ảnh hưởng các đoạn sau, giải pháp hợp lý nhất là gì?
Sử dụng thẻ blockquote cho đoạn đầu tiên.
Tạo một lớp (class) có thuộc tính text-indent: 30px; và áp dụng cho thẻ đầu tiên.
Sử dụng phím Space để nhập thủ công đầu dòng.
Cài đặt text-indent: 30px; cho thẻ body.
Để loại bỏ gạch chân của liên kết khi người dùng di chuột vào, ta dùng đoạn mã CSS nào?
:hover { text-decoration: none; }
a { text-decoration: no-underline; }
:mouse { decoration: none; }
:active { text-style: normal; }
Minh thiết kế blog: tiêu đề bài viết dùng font chữ có chân (Serif) để trang trọng, nội dung dùng font không chân (Sans-serif) để dễ đọc. Hãy chọn các phát biểu đúng khi cấu hình theo yêu cầu.
Nên đặt font-family: serif cho các thẻ tiêu đề và font-family: sans-serif cho nội dung đoạn văn.
Nên dùng h1, p { font-family: serif; } để gán cùng một kiểu chữ serif cho cả tiêu đề và nội dung.
Nếu máy người dùng không có phông chữ được chỉ định, trình duyệt sẽ không hiển thị nội dung văn bản.
Nên khai báo danh sách dự phòng phông chữ, ví dụ: font-family: "Times New Roman", Georgia, serif;
