Giải Câu hỏi trang 61 SGK Tin học 12
Đề bài
Viết một đoạn mã HTML để hiển thị một danh sách không có thứ tự trong tệp index.html. Danh sách gồm ba mục: bài tập 1, bài tập 2 và ôn tập. Ba mục này liên kết tới ba trang tương ứng với ba tệp bai_tap_1.html, bai_tap_2.html và bai_tap_on_tap.html.
Lời giải
Phân tích yêu cầu
- Danh sách không có thứ tự → dùng cặp thẻ `<ul> ... </ul>` (unordered list).
- Mỗi mục của danh sách → một cặp thẻ `<li> ... </li>`.
- Mỗi mục là một liên kết tới một trang khác → đặt thẻ neo `<a href="..."> ... </a>` bên trong `<li>`, trong đó thuộc tính `href` ghi đường dẫn tới tệp đích, phần văn bản giữa cặp thẻ `<a>` là chữ hiển thị cho người dùng nhấp vào.
a) Ghép tương ứng mục ↔ tệp liên kết
| Văn bản hiển thị | Tệp liên kết (href) |
|---|---|
| bài tập 1 | `bai_tap_1.html` |
| bài tập 2 | `bai_tap_2.html` |
| ôn tập | `bai_tap_on_tap.html` |
b) Viết đoạn mã HTML cho tệp index.html
```html
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="utf-8">
<title>Danh sách bài</title>
</head>
<body>
<ul>
<li><a href="bai_tap_1.html">bài tập 1</a></li>
<li><a href="bai_tap_2.html">bài tập 2</a></li>
<li><a href="bai_tap_on_tap.html">ôn tập</a></li>
</ul>
</body>
</html>
```
Nếu chỉ cần đúng phần danh sách (thân trang), có thể viết gọn:
```html
<ul>
<li><a href="bai_tap_1.html">bài tập 1</a></li>
<li><a href="bai_tap_2.html">bài tập 2</a></li>
<li><a href="bai_tap_on_tap.html">ôn tập</a></li>
</ul>
```
c) Kiểm tra lại
- `<ul>` tạo danh sách không có thứ tự (mỗi mục hiển thị bằng dấu chấm tròn •), đúng yêu cầu "không có thứ tự".
- Có đúng ba thẻ `<li>` → đúng ba mục: bài tập 1, bài tập 2, ôn tập.
- Mỗi `<li>` chứa một thẻ `<a href="...">` trỏ đúng tới ba tệp `bai_tap_1.html`, `bai_tap_2.html`, `bai_tap_on_tap.html`.
- Các tệp đích dùng đường dẫn tương đối (cùng thư mục với index.html) nên khi nhấp vào, trình duyệt sẽ mở đúng trang tương ứng.
Đáp số
Lời giải do Thư viện nhà trường biên soạn, giải và kiểm chéo độc lập theo SGK 2026-2027.