Khởi động (trang 57) Tin 12 Kết nối tri thức Bài 10: 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?
– Trong số các điểm khác biệt, có thể nói rằng tính tương tác và linh hoạt của các trang web là quan trọng nhất. Điều này là do tính linh hoạt và tương tác của trang web giúp người đọc có thể tìm kiếm, tiếp cận và tương tác với thông tin một cách nhanh chóng và thuận tiện hơn, đồng thời tạo ra một trải nghiệm đọc đa dạng và phong phú.
1. Siêu văn bản và đường dẫn
Hoạt động 1 (trang 57) Tin 12 Kết nối tri thức Bài 10: 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ì?
Trả lời:
Cá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.
Câu hỏi (trang 58) Tin 12 Kết nối tri thức Bài 10: Trong 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/cach_tao_lien_ ket. htmn
b) http:// google.com
c) mail.google.com/mail/u/0/#inbox/FMfcgzGMpKDHQFWcdfxcmMtxvZ
Trả lời:
a) là đường dẫn tương đối vì nó chỉ đưa ra đường dẫn liên quan đến thư mục hoặc tệp nằm trong cùng một thư mục hoặc thư mục con với vị trí hiện tại.
b) là đường dẫn tuyệt đối vì nó cung cấp đầy đủ địa chỉ truy cập đến một trang web cụ thể trên Internet.
c) là một đường dẫn tuyệt đối, đưa trực tiếp đến một địa chỉ email cụ thể trên dịch vụ email của Google.
2. Các cách liên kết tới một trang web
Hoạt động 2 (trang 58) Tin 12 Kết nối tri thức Bài 10: 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.
Trả lời:
Ví 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.
Câu hỏi (trang 60) Tin 12 Kết nối tri thức Bài 10: 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 3 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 3 tệp bai_tap_ 1.html, bai_tap_2.html và bai_tap_on_tap.html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Danh sách bài tập</title>
</head>
<body>
<h1>Danh sách bài tập</h1>
<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>
Luyện tập
Luyện tập 1 (trang 61) Tin 12 Kết nối tri thức Bài 10: Viết đoạn mã để tạo liên kết quay về trang chủ CLB.html trong thong_tin.html
Trả lời:
– Mã HTML:
– Kết quả trả về:
Luyện tập 2 (trang 61) Tin 12 Kết nối tri thức Bài 10: Viết một trang web giới thiệu bản thân, trong đó để ít nhất 3 liên kết tới trang web (có thể là Facebook) của ba bạn cùng lớp.
Hướng dẫn:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Giới thiệu bản thân</title>
</head>
<body>
<h1>Giới thiệu bản thân</h1>
<p>Xin chào! Tôi là [Tên của bạn], đây là một trang web giới thiệu về bản thân tôi.</p>
<h2>Bạn cùng lớp</h2>
<ul>
<li><ahref=”https://www.facebook.com/friend1″ target=”_blank”>Facebook của Bạn 1</a></li>
<li><ahref=”https://www.facebook.com/friend2″ target=”_blank”>Facebook của Bạn 2</a></li>
<li><ahref=”https://www.facebook.com/friend3″ target=”_blank”>Facebook của Bạn 3</a></li>
</ul>
<p>Cảm ơn bạn đã ghé thăm!</p>
</body>
</html>
Vận dụng
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.
Gợ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à:
>>> Xem thêm các bài giải tại chuyên mục: Giải SGK Tin học 12 – Kết nối tri thức
—————————————-
Trên đây là những lời giải chi tiết mà Tritue360 đã hướng dẫn các em Giải SGK Tin 12 Kết nối tri thức Bài 10: Tạo liên kết . Hi vọng những kiến thức này sẽ đem lại cho các em nhiều kiến thức bổ ích trên con đường học tập và đạt kết quả cao trong kì thi sắp tới của các em. Chúc các em học tốt!