BÀI 8: ĐỊNH DẠNG VĂN BẢN

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

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

Trả lời:

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

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

Trả lời:

Thẻ <h1> được sử dụng để tạo tiêu đề chính hoặc tiêu đề chung cho cả văn bản.

Câu 3: Sự khác nhau giữa thẻ <div> và <span> là gì?

Trả lời:

Thẻ <div> là một khối bắt đầu trên dòng mới, trong khi thẻ <span> được dùng cho quy mô nhỏ hơn và không xuống dòng.

Câu 4: Thẻ nào được sử dụng để xuống dòng và tạo đường kẻ ngang trong HTML?

Trả lời:

Thẻ <br> được sử dụng để xuống dòng và thẻ <hr> được dùng để tạo đường kẻ ngang.

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

Câu 1: Giải thích cách phân cấp tiêu đề trong HTML và ý nghĩa của các thẻ <h1> đến <h6>.

Trả lời:

Các thẻ <h1> đến <h6> được dùng để phân cấp tiêu đề. Thẻ <h1> là tiêu đề lớn nhất và quan trọng nhất, tiếp đến là <h2>, <h3> và giảm dần đến <h6>.

Câu 2: Thẻ <div> và <span> có thể kết hợp với thuộc tính style như thế nào? Viết ví dụ.

Trả lời:

Thẻ <div> và <span> có thể sử dụng style để định dạng nội dung.

<div style="color:blue; font-size:20px;">Nội dung trong thẻ div</div>

<span style="color:red;">Nội dung trong thẻ span</span>

Câu 3: Phân biệt giữa thẻ <p> và thẻ <br> trong việc định dạng văn bản.

Trả lời:

Thẻ <p> tạo đoạn văn bản mới và có khoảng cách trên dưới, trong khi thẻ <br> chỉ xuống dòng mà không tạo khoảng cách.

Câu 4: Thẻ <sub> và <sup> dùng trong trường hợp nào? Hãy cho một ví dụ.

Trả lời:

Thẻ <sub> dùng để hiển thị chỉ số dưới và <sup> dùng để hiển thị chỉ số trên.

Hóa học: H₂O

Toán học: x² + y²

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

Câu 1: Viết đoạn mã HTML sử dụng thẻ <h1> và <h3> để tạo hai tiêu đề với màu sắc khác nhau.

Trả lời:

<h1 style="color:blue;">Tiêu đề chính</h1>

<h3 style="color:red;">Tiêu đề phụ</h3>

Câu 2: Viết đoạn mã HTML chứa một đoạn văn bản với các định dạng: in đậm, in nghiêng và chỉ số trên.

Trả lời:

<p><strong>Đây là văn bản in đậm</strong>, <em>văn bản in nghiêng</em>, và x².</p>

Câu 3: Sử dụng thẻ <div> và <span> để viết một đoạn văn bản với phần đầu in xanh và phần sau in đỏ.

Trả lời:

<div style="color:blue;">Phần đầu của đoạn văn bản</div>

<span style="color:red;">Phần sau của đoạn văn bản</span>

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

Câu 1: Bạn hãy tạo một đoạn mã HTML trình bày một tiêu đề, đoạn văn bản, và một công thức toán học (sử dụng chỉ số trên và dưới).

Trả lời:

<h1 style="color:green;">Tiêu đề chính</h1>

<p>Đây là một đoạn văn bản thông thường.</p>

<p>Công thức: x² + y₁ = z.</p>

Câu 2: Viết đoạn mã HTML trình bày một đoạn văn bản có màu sắc và kích thước phông chữ khác nhau, đồng thời kết hợp thẻ <strong> và <em>.

Trả lời:

<p style="color:blue; font-size:18px;">Đây là <strong>văn bản in đậm</strong> và <em>văn bản in nghiêng</em> với kích thước lớn.</p>