Dễ hiểu giải Tin học ứng dụng 12 Kết nối bài 10: Tạo liên Kết

Giải dễ hiểu bài 10: Tạo liên Kết. Trình bày rất dễ hiểu, nên tiếp thu Tin học ứng dụng 12 Kết nối dễ dàng. Học sinh nắm được kiến thức và biết suy rộng ra các bài tương tự. Thêm 1 dạng giải mới để mở rộng tư duy. Danh mục các bài giải trình bày phía dưới


Nếu chưa hiểu - hãy xem: => Lời giải chi tiết ở đây

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?

Giải nhanh:

Điểm khác biệt quan trọng nhất có thể được coi là tính tương tá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ì?

Giải nhanh:

  • Không chỉ chứa văn bản mà còn có thể chưa nhiều dữ liệu khác nhau 

  • Đặ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

b) http://google.com

c) mail.google.com/mail/u/#inbox/FMfcgzGMpKDHQFWcdfxcmMtxvZ 

Giải nhanh:

a là đường dẫn tương đối.

b, c 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.

Giải nhanh:

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 có “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. 

BÀI 10. TẠO LIÊN KẾT

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

Giải nhanh:

Các thẻ HTML:

BÀI 10. TẠO LIÊN KẾT

Kết quả trả về:

BÀI 10. TẠO LIÊN KẾT

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

Giải nhanh:

Mã HTML:

BÀI 10. TẠO LIÊN KẾT

Kết quả trả về:

BÀI 10. TẠO LIÊN KẾT

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.

Giải nhanh:

Mã HTML:

BÀI 10. TẠO LIÊN KẾT

Kết quả trả về:

BÀI 10. TẠO LIÊN KẾT

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.

Giải nhanh:

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à:

BÀI 10. TẠO LIÊN KẾT BÀI 10. TẠO LIÊN KẾT


Nếu chưa hiểu - hãy xem: => Lời giải chi tiết ở đây

Nội dung quan tâm khác

Thêm kiến thức môn học

Bình luận

Giải bài tập những môn khác