Chủ đề / Chương

Bài học

Chủ đề

Bài 10. Tạo liên kết

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.

Hướng dẫn giải

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

(Trả lời bởi Nguyễn Quốc Đạt)
Thảo luận (1)

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.

Hướng dẫn giải

Mã HTML:

Kết quả trả về:

(Trả lời bởi Nguyễn Quốc Đạt)
Thảo luận (1)

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.

Hướng dẫn giải

Mã HTML:

Kết quả trả về:

(Trả lời bởi Nguyễn Quốc Đạt)
Thảo luận (1)

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.

Hướng dẫn giải

Code HTML:

Kết quả trả về:

(Trả lời bởi Nguyễn Quốc Đạt)
Thảo luận (1)

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.

Hướng dẫn giả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.

(Trả lời bởi Nguyễn Quốc Đạt)
Thảo luận (1)

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

Hướng dẫn giải

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.

(Trả lời bởi Nguyễn Quốc Đạt)
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ì?

Hướng dẫn giả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.

(Trả lời bởi Nguyễn Quốc Đạt)
Thảo luận (1)

Khởi động (SGK Kết nối tri thức với cuộc sống - Trang 57)

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?

Hướng dẫn giải

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. Trong số này, đ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. Điều này tạo ra một môi trường động và tham gia hơn so với việc đọ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.

(Trả lời bởi Nguyễn Quốc Đạt)
Thảo luận (1)
Bài trước
Bài tiếp theo