Bài tập củng cố Khoa học máy tính 12 kết nối: bài 10 Tạo liên kết

Bài tập củng cố môn Tin học 12 - Khoa học máy tính kết nối tri thức: Bài 10 Tạo liên kết. Phần bài tập gồm 4 mức độ: Nhận biết, Thông hiểu, Vận dụng và Vận dụng cao bám sát với chương trình sách giáo khoa. Thông qua bài tập này, học sinh có thể ôn luyện kiến thức đã học từ cơ bản đến nâng cao.

Nội dung chi tiết

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

1. NHẬN BIẾT (4 CÂU)

Câu 1: Siêu văn bản là gì? Hãy nêu đặc điểm cơ bản của siêu văn bản trong HTML

Trả lời:

Siêu văn bản là văn bản chứa nhiều loại dữ liệu khác nhau (văn bản, hình ảnh, âm thanh, video) và các liên kết tới siêu văn bản khác.

Trong HTML, siêu văn bản được tạo ra bằng cách sử dụng các thẻ và thuộc tính như <a> để tạo liên kết.

Câu 2: Đường dẫn tương đối trong HTML là gì? Khi nào cần sử dụng đường dẫn tương đối?

Trả lời:

Đường dẫn tương đối mô tả cách truy cập tài liệu từ vị trí của tài liệu hiện tại.

Đường dẫn tương đối được sử dụng khi liên kết đến các tài liệu trên cùng trang web, cùng máy chủ hoặc máy tính cài đặt trang web.

Câu 3: Thẻ <a> trong HTML được dùng để làm gì? Thuộc tính href có vai trò gì trong thẻ <a>?

Trả lời:

Thẻ <a> trong HTML được dùng để tạo liên kết siêu văn bản.

Thuộc tính href xác định địa chỉ đích của liên kết (có thể là đường dẫn tuyệt đối hoặc tương đối).

Câu 4: Hãy liệt kê các trường hợp liên kết nội bộ trong cùng website

Trả lời:

Các trường hợp liên kết nội bộ bao gồm:

Liên kết tới trang web cùng thư mục.
Liên kết tới trang web thuộc thư mục khác.
Liên kết tới trang web thuộc thư mục khác dưới nhiều cấp.
Liên kết tới vị trí khác trong cùng trang web.
Tạo liên kết tới hình ảnh.

2. THÔNG HIỂU (4 CÂU)

Câu 1: Phân biệt giữa liên kết tới một trang web khác (liên kết ngoài) và liên kết trong cùng website. Hãy nêu ví dụ minh họa.

Trả lời:

Liên kết ngoài: Liên kết tới một trang web khác trên Internet.
Ví dụ:
<a href="https://example.com">Truy cập trang web ngoài</a>

Liên kết trong: Liên kết tới trang khác hoặc vị trí khác trong cùng website.
Ví dụ:
<a href="about.html">Giới thiệu</a>

Câu 2: Tại sao khi tạo liên kết trong cùng website, ta không cần sử dụng giao thức hoặc tên

Trả lời:

Vì đường dẫn tương đối chỉ cần cung cấp đường dẫn từ vị trí của file hiện tại. Trình duyệt sẽ tự động kiểm tra địa chỉ đó trên cùng máy chủ để tìm tài liệu và liên kết.

Câu 3: Trình bày cách tạo liên kết tới một vị trí khác trong cùng trang web bằng cách sử dụng id.

Trả lời:

Bước 1: Gán id cho phần tử muốn liên kết.

Bước 2: Tạo liên kết tới phần tử đó bằng thẻ <a>.

Câu 4: Giải thích ý nghĩa của đoạn mã sau và cho biết đường dẫn thuộc loại nào:

<a href="thong_tin.html">Thông tin của các CLB</a>

Trả lời:

Ý nghĩa: Tạo liên kết dẫn đến file thong_tin.html trong cùng thư mục.

Loại đường dẫn: Đường dẫn tương đối.

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết đoạn mã HTML để tạo liên kết tới mục "Lịch hoạt động" trong cùng trang web với id="schedule"..

Trả lời:

Câu 2: Cho biết cấu trúc thư mục như sau:

/website

|-- index.html

|-- club/

| |-- info.html

Viết đoạn mã để tạo liên kết từ index.html đến info.html bằng đường dẫn tương đối.

Trả lời:

<a href="club/info.html">Thông tin CLB</a>

Câu 3: Viết đoạn mã HTML để tạo liên kết ngoài dẫn tới trang web "https://www.example.com" với nội dung là "Truy cập trang web chính thức".

Trả lời:

<a href="https://www.example.com">Truy cập trang web chính thức</a>

4. VẬN DỤNG CAO (2 CÂU)

Câu 1: Xây dựng một trang HTML như sau:

Yêu cầu: Tiêu đề, đoạn giới thiệu, liên kết đến bảng có id="danhsach", và liên kết ngoài.

Trả lời:

<html>

<head><title>Trang chủ câu lạc bộ</title></head>

<body>

<h1>Trang chủ câu lạc bộ</h1>

<p>Chào mừng đến với trang thông tin câu lạc bộ.</p>

<a href="#danhsach">Xem danh sách CLB</a> |

<a href="https://example.com">Truy cập trang chính thức</a>

</body>

</html>

Câu 2: Với cấu trúc thư mục đã cho, viết mã HTML tạo liên kết từ index.html đến detail.html và hình ảnh logo.png.

Trả lời: