Giải Câu hỏi 1 trang 49 SGK Tin học 12

Lời giải

Bước 1. Vai trò của hai loại thẻ ngắt dòng.

- Thẻ `<p>…</p>` là thẻ *đoạn* (block): mỗi đoạn được trình duyệt đưa xuống một dòng riêng và tự thêm lề (margin) trên – dưới để tách đoạn.
- Thẻ `<br>` chỉ ngắt xuống dòng ngay tại chỗ đặt nó, nằm *bên trong* một đoạn và không tạo thêm khoảng cách giữa các đoạn.

Bước 2. Tách đoạn mã. Đoạn mã gồm 5 thẻ `<p>`, trong đó một thẻ chứa `<br>`:

- `<p> Thẻ p tạo đoạn nội dung, </p>` → 1 dòng
- `<p>thẻ div tạo khối chứa dữ liệu. </p>` → 1 dòng
- `<p> Các thẻ này <br> không có hình thức trình bày riêng </p>` → có `<br>` nên tách thành 2 dòng
- `<p> mà được định dạng </p>` → 1 dòng
- `<p> bằng thuộc tính style. </p>` → 1 dòng

Bước 3. Kết quả hiển thị. Tổng cộng $4 \times 1 + 1 \times 2 = 6$ dòng:

1. Thẻ p tạo đoạn nội dung,
2. thẻ div tạo khối chứa dữ liệu.
3. Các thẻ này
4. không có hình thức trình bày riêng
5. mà được định dạng
6. bằng thuộc tính style.

Bước 4. Nhận xét về khoảng cách giữa các dòng.

- Giữa các đoạn `<p>` khác nhau (giữa dòng 1–2, 2–3, 4–5, 5–6): khoảng cách rộng hơn, vì trình duyệt tự thêm lề trắng trên – dưới cho mỗi đoạn `<p>`.
- Riêng dòng 3 và dòng 4 nằm trong cùng một đoạn `<p>` (bị `<br>` ngắt dòng): hai dòng này sát nhau, khoảng cách nhỏ hơn, không có lề đoạn chen vào.

Đáp số