BÀI 8: THUỘC TÍNH THẺ

1. NHẬN BIẾT (4 CÂU)

Câu 1: Thuộc tính của thẻ HTML có tác dụng gì?

Trả lời:

Thuộc tính của thẻ HTML bổ sung thông tin và làm rõ cách xử lý cho thẻ chứa nó.

Câu 2: Thẻ <h1> và <h2> được dùng để làm gì?

Trả lời:

Thẻ <h1> được sử dụng cho tiêu đề chính hoặc tiêu đề chung của văn bản. Thẻ <h2> được sử dụng cho các tiêu đề ở mức thấp hơn.

Câu 3: Phần tử <div> và <span> là gì?

Trả lời:

Phần tử <div> là một khối, bắt đầu trên dòng mới, còn phần tử <span> được sử dụng trong văn bản để định dạng quy mô nhỏ hơn.

Câu 4: Thẻ <br> và <hr> có chức năng gì?

Trả lời:

Thẻ <br> dùng để xuống dòng, còn thẻ <hr> tạo một đường kẻ ngang trên trang web.

2. THÔNG HIỂU (4 CÂU)

Câu 1: Tại sao các thẻ <strong> và <em> được ưu tiên sử dụng thay vì <b> và <i> trong HTML hiện đại?

Trả lời:

Tại vì các thẻ <strong>, <em> nhấn mạnh vào ngữ nghĩa của nội dung còn <b>, <i> chỉ là định dạng cho chữ

Câu 2: Giải thích ý nghĩa của thuộc tính style trong HTML.

Trả lời:

Để định dạng phông chữ, ta sử dụng thuộc tính style. Các thuộc tính màu sắc, phông chữ, cỡ chữ được xác định thông qua thuộc tính style.

Câu 3: Theo em, tại sao các giá trị màu sắc trong HTML có thể được định nghĩa bằng tiếng Anh hoặc hệ RGB?

Trả lời:

HTML hỗ trợ cả tiếng Anh và hệ RGB để cung cấp sự linh hoạt cho lập trình viên khi định nghĩa màu sắc, dễ dàng sử dụng theo cách quen thuộc hoặc thông qua mã màu cụ thể.

Câu 4: Nêu cách viết chỉ số dưới và số mũ trong HTML.

Trả lời:

Chỉ số dưới được viết bằng thẻ <sub>, và số mũ được viết bằng thẻ <sup>.

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết đoạn mã HTML để hiển thị tiêu đề "Hướng dẫn lập trình" (cỡ chữ lớn, màu đỏ) và đoạn văn "Đây là hướng dẫn lập trình cơ bản" (cỡ chữ vừa, màu xanh).

Trả lời:

<h1 style="color:red; font-size:24px;">Hướng dẫn lập trình</h1>

<p style="color:blue; font-size:16px;">Đây là hướng dẫn lập trình cơ bản</p>

Câu 2: Làm thế nào để hiển thị một đoạn văn bản có từ "HTML" được in đậm và từ "ngôn ngữ" được in nghiêng?

Trả lời:

<p>Đây là <strong>HTML</strong>, một <em>ngôn ngữ</em> lập trình cơ bản.</p>

Câu 3: Tạo đoạn mã HTML để hiển thị công thức toán học có chứa bình phương

Trả lời:

<p>Phương trình: ax² + bx + c = 0</p>

4. VẬN DỤNG CAO (2 CÂU)

Câu 1: Phân tích vai trò của các thẻ định dạng đoạn văn <div> và <span> trong việc xây dựng giao diện web phức tạp.

Trả lời:

Vai trò của <div>: Tạo các khối nội dung lớn, dễ dàng bố cục và áp dụng CSS để kiểm soát toàn bộ giao diện web. Thường được sử dụng để chia trang thành các phần rõ ràng như header, footer, sidebar.

Vai trò của <span>: Định dạng các phần nhỏ trong văn bản, chẳng hạn đổi màu hoặc kiểu chữ của một từ hoặc cụm từ cụ thể mà không ảnh hưởng đến toàn bộ đoạn văn.

Câu 2: Viết mã HTML để trình bày đoạn văn bản có tiêu đề "Bài toán phương trình bậc hai" (màu xanh, cỡ chữ lớn), hiển thị một công thức phương trình bậc 2, và đoạn văn giải thích (màu đen, cỡ chữ vừa).

Trả lời:

<h1 style="color:blue; font-size:24px;">Bài toán phương trình bậc hai</h1>

<p>Phương trình: ax² + bx + c = 0</p>

<p style="color:black; font-size:16px;">Đây là một phương trình bậc hai với các hệ số a, b, c khác 0.</p>