Slide bài giảng Tin học ứng dụng 12 kết nối bài 10: Tạo liên kết
Slide điện tử bài 10: Tạo liên kết. Trình bày với các hiệu ứng hiện đại, hấp dẫn. Giúp học sinh hứng thú học bài. Học nhanh, nhớ lâu. Có tài liệu này, hiệu quả học tập của môn Tin học ứng dụng 12 Kết nối tri thức sẽ khác biệt
Bạn chưa đủ điều kiện để xem được slide bài này. => Xem slide bài mẫu
Tóm lược nội dung
BÀI 10. TẠO LIÊN KẾT
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?
Trả lời rút gọn:
Điểm khác biệt quan trọng nhất có thể được coi là tính tương tác. 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ì?
Trả lời rút gọ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: 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
Trả lời rút gọn:
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.
Trả lời rút gọn:
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: 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
Trả lời rút gọn:
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
Trả lời rút gọn:
Mã HTML:
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.
Trả lời rút gọn:
Mã HTML:
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.
Trả lời rút gọn:
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>
Slide bài giảng lớp 12 cánh diều
Slide bài giảng lớp 12 chân trời sáng tạo
Slide bài giảng lớp 12 kết nối tri thức
