Giải Luyện tập 2 trang 52 SGK Tin học 12

Lời giải

Phân tích yêu cầu định dạng:

- Tiêu đề INTERNET TỐC ĐỘ CAO in hoa → dùng thẻ tiêu đề `<h1>` (hoặc `<h2>`).
- Dòng mô tả in *nghiêng* → dùng thẻ `<i>` (hoặc `<em>`).
- Dòng Các tính năng nổi bật: in đậm → dùng thẻ `<b>` (hoặc `<strong>`).
- 6 dòng liệt kê tính năng → dùng danh sách không thứ tự `<ul>` với các mục `<li>`.

Theo đúng kiến thức HTML trong SGK Tin học 12 KNTT (Bài 9): cấu trúc trang gồm `<!DOCTYPE html>`, `<html>`, `<head>` (khai báo bảng mã, tiêu đề cửa sổ), `<body>` (nội dung hiển thị).

a) Khung cấu trúc trang web:

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Internet tốc độ cao</title>
</head>
<body>
...
</body>
</html>
```

b) Phần nội dung trong `<body>` (định dạng đúng theo đề):

```html
<h1>INTERNET TỐC ĐỘ CAO</h1>

<p><i>Dịch vụ Internet tốc độ cao là dịch vụ Internet cáp quang chất lượng cao, ổn định, giá cả hợp lí.</i></p>

<p><b>Các tính năng nổi bật:</b></p>

<ul>
<li>Tốc độ siêu cao từ 150 MBps trở lên</li>
<li>Lắp đặt nhanh chóng trong 24 h</li>
<li>Phù hợp với cá nhân/Hộ gia đình</li>
<li>Tặng Modem 2 băng tần</li>
<li>Miễn phí lắp đặt</li>
<li>Hỗ trợ 24/7</li>
</ul>
```

c) Mã HTML hoàn chỉnh của cả trang:

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Internet tốc độ cao</title>
</head>
<body>
<h1>INTERNET TỐC ĐỘ CAO</h1>

<p><i>Dịch vụ Internet tốc độ cao là dịch vụ Internet cáp quang chất lượng cao, ổn định, giá cả hợp lí.</i></p>

<p><b>Các tính năng nổi bật:</b></p>

<ul>
<li>Tốc độ siêu cao từ 150 MBps trở lên</li>
<li>Lắp đặt nhanh chóng trong 24 h</li>
<li>Phù hợp với cá nhân/Hộ gia đình</li>
<li>Tặng Modem 2 băng tần</li>
<li>Miễn phí lắp đặt</li>
<li>Hỗ trợ 24/7</li>
</ul>
</body>
</html>
```

Giải thích các thẻ đã dùng:

- `<h1>…</h1>`: tạo tiêu đề lớn, chữ in đậm cỡ lớn cho dòng "INTERNET TỐC ĐỘ CAO".
- `<p>…</p>`: tạo đoạn văn bản.
- `<i>…</i>`: in *nghiêng* dòng mô tả dịch vụ.
- `<b>…</b>`: in đậm dòng "Các tính năng nổi bật:".
- `<ul>` kết hợp `<li>`: tạo danh sách liệt kê 6 tính năng, mỗi tính năng một mục (hiển thị kèm dấu đầu dòng).

Có thể thay `<i>` bằng `<em>` và `<b>` bằng `<strong>` đều cho kết quả hiển thị tương tự.

Đáp số