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

Lời giải

Phân tích yêu cầu: Cần thêm một đường kẻ ngang nằm giữa dòng tiêu đề "Tin học 12" và phần nội dung bên dưới. Trong HTML, đường kẻ ngang phân tách được tạo bằng thẻ rỗng (thẻ đơn) `<hr>` (horizontal rule). Thẻ này không có thẻ đóng và tự động hiển thị một đường kẻ ngang hết chiều rộng khối chứa nó.

Cách làm: Trong mã của Ví dụ 1, dòng tiêu đề "Tin học 12" thường được đặt trong thẻ tiêu đề (ví dụ `<h1>`). Ta chỉ cần chèn thêm thẻ `<hr>` ngay sau thẻ tiêu đề đó (trước khối nội dung), như sau:

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tin học 12</title>
</head>
<body>
<h1>Tin học 12</h1>
<hr>
<p>Nội dung phía dưới ...</p>
</body>
</html>
```

Giải thích các ý:

a) Thẻ dùng để tạo đường kẻ ngang là `<hr>` — một thẻ đơn (thẻ rỗng), không cần thẻ đóng `</hr>`.

b) Vị trí chèn: đặt `<hr>` ngay sau thẻ chứa tiêu đề `<h1>Tin học 12</h1>` và trước khối nội dung (thẻ `<p>` …). Nhờ vậy đường kẻ ngang nằm đúng giữa tiêu đề và phần nội dung, tạo thành ranh giới phân tách hai phần.

Kiểm tra: Mở tệp HTML trên trình duyệt sẽ thấy dòng chữ "Tin học 12", bên dưới là một đường kẻ ngang chạy ngang trang, rồi mới đến nội dung — đúng yêu cầu đề bài.

Đáp số