Giải chi tiết Khoa học máy tính 12 KNTT bài 10 Tạo liên kết
Hướng dẫn giải bài 10 Tạo liên kết sách mới Khoa học máy tính 12 Kết nối tri thức. Lời giải chi tiết, chuẩn xác, dễ hiểu sẽ giúp các em hoàn thành tốt các bài tập trong chương trình học. Baivan.net giải chi tiết tất cả các bài tập trong sgk. Hi vọng sẽ trở thành người bạn đồng hành cùng các em trong suốt quá trình học tập.
KHỞI ĐỘNG
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 làm chi tiết:
Có một số điểm khác biệt quan trọng khi đọc thông tin trên các trang web so với việc đọc sách, báo giấy: đó là tính tương tác.
+ Khi đọc sách, báo giấy truyền thống, nơi mà người đọc chỉ có thể tiếp nhận thông tin một chiều mà không có tương tác trực tiếp.
+ Khi đọc thông tin trên các trang web, người đọc có thể tương tác trực tiếp với nội dung bằng cách nhấp chuột, kéo thả, tìm kiếm, gửi phản hồi và tham gia vào các hoạt động khác.
1. SIÊU VĂN BẢN VÀ ĐƯỜNG DẪN
Hoạt động 1: Nhận biết siêu văn bản
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ì?
Bài làm chi tiết:
Siêu văn bản có các đặc điểm:
- 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.
- 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.
Câu hỏi: 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/cách_tao_lien_ket.html
c) mail.google.com/mail/u/#inbox/FMfcgzGMpKDHQFWcdfxcmMtxvZ
Bài làm chi tiết:
a) 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.
2. CÁC CÁCH LIÊN KẾT TỚI MỘT TRANG WEB
Hoạt động 2: Tìm hiểu các cách liên kết tới một trang web
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.
Bài làm chi tiết:
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 xanh khác với các phần văn bản còn lại có màu đen. Đó 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: 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
Bài làm chi tiết:
Các thẻ HTML:
Kết quả trả về:
LUYỆN TẬP
Câu 1: Viết đoạn mã để tạo liên kết quay về trang chủ CLB.html trong thong_tin.html
Bài làm chi tiết:
Mã HTML:
Kết quả trả về:
Câu 2: 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.
Bài làm chi tiết:
Mã HTML:
Kết quả trả về:
Chú ý: khi các em thực hành thì điền link facebook hoặc mạng xã hội của bản thân và của bạn em vào các vị trí tương ứng.
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.
Bài làm chi tiết:
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à:
Giải Khoa học máy tính 12 cánh diều, Giải Khoa học máy tính 12 cánh diều bài 10 Tạo liên kết, giải Tin học 12 theo định hướng Khoa học máy tính cánh diều bài 10 Tạo liên kết