Em hãy nêu những điểm khác biệt khi em đọc thông tin trên các trang web với việc em đọc sách, báo giấy. Theo em, điểm khác biệt nào là quan trọng nhất?
Bài 10. Tạo liên kết
Khởi động (SGK Kết nối tri thức với cuộc sống - Trang 57)
Thảo luận (1)
Hoạt động 1 (SGK Kết nối tri thức với cuộc sống - Trang 57)
Các tệp có phần mở rộng .docx được tạo bởi Microsoft Word có thể là một siêu văn bản còn tệp có phần mở rộng .txt tảo bơi Notepad thì không. Theo em, siêu văn bản có những đặc điểm gì?
Thảo luận (1)Hướng dẫn giảiCác đặc điểm của siêu văn bản:
- Không chỉ chứa văn bản mà còn có thể chưa nhiều dữ liệu khác nhau như âm thanh, hình ảnh,…
- Đặc biệt: chưa các siêu liên kết.
- Khi xem văn bản, ta không cần xem tuần tự từ đầu đến cuối mà có thể nhờ các siêu liên kết để truy cập vị trí tương ứng không theo trình tự nào.
(Trả lời bởi datcoder)
Câu hỏi mục 1 (SGK Kết nối tri thức với cuộc sống - Trang 58)
rong các đường dẫn sau, đường dẫn nào là tuyệt đối, đường dẫn nào là tương đối?
a) html/cách_tao_lien_ket.html
b) http://google.com
c) mail.google.com/mail/u/#inbox/FMfcgzGMpKDHQFWcdfxcmMtxvZ
Thảo luận (1)Hướng dẫn giảia) html/cách_tao_lien_ket.html là một đường dẫn tương đối.
b) http://google.com là một đường dẫn tuyệt đối.
c) mail.google.com/mail/u/#inbox/FMfcgzGMpKDHQFWcdfxcmMtxvZ là một đường dẫn tuyệt đối.
(Trả lời bởi datcoder)
Hoạt động 2 (SGK Kết nối tri thức với cuộc sống - Trang 58)
Hãy kể tên các trường hợp liên kết mà em đã gặp khi duyệt trang web hoặc khi đọc văn bản.
Thảo luận (1)Hướng dẫn giảiVí dụ: khi em tìm hiểu về “Hương vị Tết cổ truyền” thì tại trang văn bản em thấy có phần “nem chua”, “thịt kho”, “bánh tét” có màu khác với các phần văn bản còn lại. Đó là một siêu liên kết, khi bấm vào sẽ dẫn em tới một trang web mới nói về các từ khác màu này.
(Trả lời bởi datcoder)
Câu hỏi mục 2 (SGK Kết nối tri thức với cuộc sống - Trang 60)
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, bai_tap_2 và bai_tap_on_tap.html.
Thảo luận (1)Hướng dẫn giải
Luyện tập 1 (SGK Kết nối tri thức với cuộc sống - Trang 61)
Viết đoạn mã để tạo liên kết quay về trang chủ CLB.html trong thong_tin.html.
Thảo luận (1)Hướng dẫn giải
Luyện tập 2 (SGK Kết nối tri thức với cuộc sống - Trang 61)
Viết một rang web giới thiệu bản thân, trong đó để ít nhất ba liên kết tới trang web (có thể là Facebook) của ba bạn củng lớp.
Thảo luận (1)Hướng dẫn giải
Vận dụng (SGK Kết nối tri thức với cuộc sống - Trang 61)
Viết thêm các đoạn giới thiệu (địa điểm, số thành viên, thành tích, phí hội viên, điện thoại liên hệ) cho từng câu lạc bộ ở dưới bảng Lịch hoạt động các CLB Thể thao rồi đặt liên kết từ câu lạc bộ trong bảng đến đoạn giới thiệu tương ứng.
Thảo luận (1)Hướng dẫn giảiGợi ý một đoạn mã HTML:
<!DOCTYPE html>
<html>
<head>
<title>Lịch hoạt động các CLB Thể thao</title>
</head>
<body>
<h1>Lịch hoạt động các CLB Thể thao</h1>
<table>
<tr>
<th>Câu lạc bộ</th>
<th>Lịch hoạt động</th>
</tr>
<tr>
<td><a href="#clb1">CLB Thể thao A</a></td>
<td>Thứ Hai, Thứ Tư: 18:00 - 20:00</td>
</tr>
<tr>
<td><a href="#clb2">CLB Thể thao B</a></td>
<td>Thứ Ba, Thứ Năm: 17:00 - 19:00</td>
</tr>
<tr>
<td><a href="#clb3">CLB Thể thao C</a></td>
<td>Thứ Tư, Thứ Sáu: 16:00 - 18:00</td>
</tr>
</table>
<div id="clb1">
<h2>CLB Thể thao A</h2>
<p>Địa điểm: Sân bóng ABC</p>
<p>Số thành viên: 30</p>
<p>Thành tích: Vô địch giải đấu quận 2022</p>
<p>Phí hội viên: 500.000 VNĐ/năm</p>
<p>Điện thoại liên hệ: 0123-456-789</p>
</div>
<div id="clb2">
<h2>CLB Thể thao B</h2>
<p>Địa điểm: Nhà thi đấu XYZ</p>
<p>Số thành viên: 25</p>
<p>Thành tích: Á quân giải đấu thành phố 2021</p>
<p>Phí hội viên: 400.000 VNĐ/năm</p>
<p>Điện thoại liên hệ: 0987-654-321</p>
</div>
<div id="clb3">
<h2>CLB Thể thao C</h2>
<p>Địa điểm: Bể bơi XYZ</p>
<p>Số thành viên: 20</p>
<p>Thành tích: Huy chương đồng giải bơi thành phố 2020</p>
<p>Phí hội viên: 300.000 VNĐ/năm</p>
<p>Điện thoại liên hệ: 0123-789-456</p>
</div>
</body>
</html>
Khi đó kết quả trả về là:
(Trả lời bởi datcoder)
