Lý thuyết Tin học 12 Bài 10 (Kết nối tri thức): Tạo liên kết

Lý thuyết Tin học 12 Bài 10: Tạo liên kết

1. Siêu văn bản và đướng dẫn

Khái niệm: Siêu văn bản là văn bản chứa nhiều loại dữ liệu và các liên kết tới siêu văn bản khác.

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

Trong HTML, liên kết được xác định bằng thẻ <a> và thuộc tính href dùng để cung cấp đường dẫn (tuyệt đối hoặc tương đối) tới địa chỉ đích.

Đườ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. Nó được sử dụng khi liên kết đến các tài liệu khác trên cùng trang web (cùng máy chủ hoặc máy tính cài đặt trang web).

Đường dẫn tương đối không cần phải chỉ định giao thức hay tên miền, chỉ cần cung cấp tên đường dẫn đến tài liệu.

2. Các cách liên kết tới một trang web

a) Liên kết tới một trang web khác

Liên kết từ một trang web tới một trang web khác trên Internet được gọi là liên kết ngoài. Sử dụng thẻ <a> và truyền đường dẫn tuyệt đối cho thuộc tính href

Ví dụ, để tạo liên kết tới mục Sách điện tử của bộ sách Kết nối tri thức với cuộc sống trên website của Nhà xuất bản Giáo dục Việt Nam trên trang web của mình, em sử dụng đoạn mã

<p><a

href="https://hanhtrangso.nxbgd.vn/sach-dien-tu?book_active=0") Sách

điện tử Kết nối tri thức với cuộc sống</a></p>

b) Liên kết đến một vị trí khác trong cùng website

Trong lập trình web, phần lớn các liên kết được sử dụng là liên kết trỏ tới các trang trong website của mình.

Ví dụ, từ trang chủ đi tới các trang nội dung chi tiết. Trường hợp này gọi là liên kết trong.

Ta sử dụng đường dẫn tương đối cho thuộc tính href. Khi đường dẫn không có giao thức ở đầu (http:// hoặc https://), trình duyệt kiểm tra địa chỉ đó trên máy chủ hiện tại để tìm tài liệu và liên kết. Tên đường dẫn được sử dụng để xác định tập được liên kết.

Các trường hợp liên kết trong website có thể là:

-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 hai (hay 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

=> Từ một vị trí trong trang web, ta có thể tạo liên kết tới trang web bất kì trên Internet, tới các trang web ở trên cùng máy chủ hay liên kết tới những vị trí khác trong cùng trang web.

3. Thực hành tạo liên kết

Nhiệm vụ 1: Tạo liên kết trong cũng trang

Yêu cầu: Tạo liên kết trong cùng trang web tới bảng thời gian hoạt động.

Sử dụng danh sách và bảng đã tạo trong Bài 9. Em hãy thêm phần giới thiệu lên phía đầu trang và đặt liên kết từ vị trí “Theo dõi lịch hoạt động các CLB Thể thao” tới bảng “Lịch hoạt động các CLB Thể thao” bên dưới.

Hướng dẫn:

Bước 1. Mở tệp tin CLB.html và thêm các nội dung giới thiệu

Bước 2. Thêm mã định danh cho bảng Lịch hoạt động các CLB Thể thao ở bài trước.

<table id="CLBTT" border="1">

<caption>Lịch hoạt động các CLB Thể thao</caption>

Bước 3. Thêm liên kết cho dòng “Theo dõi lịch hoạt động các CLB Thể thao”.

<a href="#CLBTT"> Theo dõi lịch hoạt động các CLB Thể thao</a>

Nhiệm vụ 2: Tạo liên kết sang trang khác

Yêu cầu: Bổ sung vào tập thong_tin.html những thông tin về các câu lạc bộ và đặt đường liên kết từ trang chủ đến trang thông tin này. trang thông tin này.

Hướng dẫn:

Bước 1. Trong cùng thư mục với tệp CLB.html, tạo tập thong_tin.html và thêm nội dung giới thiệu thông tin về các câu lạc bộ.

Bước 2. Tạo liên kết bằng đường dẫn tương đối đến tập này (đoạn mã viết trong tệp CLB.html).

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

Trắc nghiệm Tin học 12 Bài 10: Tạo liên kết

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Câu 1: Siêu văn bản là gì?

A. Một loại văn bản chỉ chứa văn bản thuần túy

B. Văn bản chứa nhiều loại dữ liệu và các liên kết tới siêu văn bản khác

C. Văn bản chứa hình ảnh và âm thanh

D. Văn bản chỉ chứa liên kết tới các trang web khác

Câu 2: Đường dẫn tương đối là gì?

A. Đường dẫn chứa giao thức và tên miền đầy đủ

B. Đường dẫn chỉ cần cung cấp tên đường dẫn đến tài liệu trong cùng máy chủ

C. Đường dẫn chứa thông tin về địa chỉ IP của máy chủ

D. Đường dẫn chỉ cần chứa tên tệp tin

Câu 3: Thẻ HTML nào được sử dụng để tạo liên kết?

A. <link>

B. <a>

C. <href>

D. <anchor>

Câu 4: Để tạo liên kết tới một trang web khác trên Internet, ta sử dụng loại đường dẫn nào?

A. Đường dẫn tuyệt đối

B. Đường dẫn tương đối

C. Đường dẫn ảo

D. Đường dẫn tĩnh

Câu 5: Liên kết nội bộ là gì?

A. Liên kết tới một trang web khác trên Internet

B. Liên kết tới một phần khác của cùng trang web

C. Liên kết tới một máy chủ khác

D. Liên kết tới một tài liệu khác trên cùng máy chủ

Câu 6: Thẻ HTML nào được sử dụng để tạo mã định danh cho phần tử, giúp liên kết đến vị trí cụ thể trong trang web?

A. <class>

B. <div>

C. <id>

D. <section>

Câu 7: Thuộc tính nào của thẻ <a> dùng để xác định đường dẫn liên kết?

A. src

B. href

C. link

D. target

Câu 8: Để mở liên kết trong một cửa sổ hoặc tab mới, ta sử dụng thuộc tính nào của thẻ <a>?

A. target="_blank"

B. href="_blank"

C. rel="_blank"

D. window="_blank"

Câu 9: Để tạo liên kết đến hình ảnh, ta cần chỉ định URL của hình ảnh vào thuộc tính nào của thẻ <a>?

A. src

B. img

C. href

D. alt

Câu 10: Trong HTML, để tạo liên kết nội bộ đến một phần tử có id là "footer", cú pháp đúng là gì?

A. <a href="#footer">Go to Footer</a>

B. <a link="footer">Go to Footer</a>

C. <a id="footer">Go to Footer</a>

D. <a href="footer">Go to Footer</a>

PHẦN II. Câu trắc nghiệm đúng sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Câu 1: Khái niệm về siêu văn bản và đường dẫn tương đối sau đây là đúng hay sai?

a) Siêu văn bản là văn bản chỉ chứa văn bản thuần túy và không có liên kết tới các tài liệu khác

b) Đường dẫn tương đối trong HTML cần phải chỉ định giao thức (http:// hoặc https://) và tên miền của trang web.

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

d) Thẻ <a> và thuộc tính href được sử dụng để tạo liên kết trong HTML.

Câu 2: Các cách liên kết tới một trang web sau đây đúng hay sai?

a) Liên kết từ một trang web tới một trang web khác trên Internet được gọi là liên kết ngoài và sử dụng đường dẫn tương đối.

b) Liên kết trong web là liên kết trỏ tới các trang trong cùng một trang web và thường sử dụng đường dẫn tương đối.

c) Để liên kết tới một vị trí khác trong cùng trang web, chúng ta cần sử dụng một đường dẫn tuyệt đối và mã định danh của phần tử mục tiêu.

d) Thẻ <a href="#CLBTT">Theo dõi lịch hoạt động các CLB Thể thao</a> tạo liên kết đến bảng "Lịch hoạt động các CLB Thể thao" có mã định danh id="CLBTT"

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: Siêu văn bản là gì?

Câu 2: Khi tạo liên kết đến một tài liệu trên cùng trang web, bạn nên sử dụng đường dẫn như thế nào?

Câu 3: Thẻ <a href="thong_tin.html">Thông tin của các CLB</a> sẽ tạo liên kết đến đâu?