Cách Tạo Siêu Liên Kết Trên Một Trang Web

Mục lục:

Cách Tạo Siêu Liên Kết Trên Một Trang Web
Cách Tạo Siêu Liên Kết Trên Một Trang Web

Video: Cách Tạo Siêu Liên Kết Trên Một Trang Web

Video: Cách Tạo Siêu Liên Kết Trên Một Trang Web
Video: Liên kết trang web (link) trong HTML 2024, Tháng mười một
Anonim

Các siêu liên kết là nền tảng mà cấu trúc của Internet được xây dựng. Chính những yếu tố này của các trang Internet cho phép bạn liên kết các trang của các trang thành một mạng duy nhất. Chúng ta hãy xem xét kỹ hơn cách các siêu liên kết được chèn vào tài liệu.

Các siêu liên kết trong các trang của trang web
Các siêu liên kết trong các trang của trang web

Hướng dẫn

Bước 1

Liên kết siêu văn bản được thiết kế để liên kết văn bản, hình ảnh hoặc các phần tử trang khác với các tài liệu siêu văn bản khác. Tất cả các phần tử của một trang web, bao gồm cả các liên kết, được tạo bởi trình duyệt, trình duyệt này sẽ nhận được hướng dẫn chi tiết từ mã trang do máy chủ gửi đến nó. Mã HTML (Ngôn ngữ Đánh dấu Siêu văn bản) này bao gồm các "thẻ" mô tả kiểu, giao diện và vị trí của tất cả các phần tử của một trang web. Một siêu liên kết chuẩn được tạo bởi trình duyệt khi nó gặp thẻ sau trong mã trang, ví dụ: thẻ sau: Liên kết văn bản Đây là thẻ liên kết mở, - thẻ đóng. Thẻ mở có thể chứa thông tin bổ sung - "thuộc tính". Trong liên kết đơn giản này, thuộc tính href chứa URL của trang hoặc tài liệu khác sẽ được yêu cầu nếu khách truy cập nhấp vào liên kết. Đôi khi không cần thiết phải chỉ ra địa chỉ đầy đủ - nếu tài liệu được yêu cầu nằm trên máy chủ trong cùng một thư mục (hoặc một thư mục con trong đó), thì chỉ cần chỉ định tên của nó hoặc đường dẫn đến thư mục con là đủ. Các địa chỉ như vậy được gọi là "tương đối", chúng nên được viết, ví dụ, như thế này: Liên kết văn bản Khi bạn nhấp vào liên kết này, tài liệu moreText.html từ cùng một thư mục sẽ được tải. Và địa chỉ liên kết tuyệt đối bắt đầu bằng một giao thức, ví dụ: Liên kết văn bản Ở đây "http" (Giao thức truyền siêu văn bản) là địa chỉ thông thường của tài liệu trên mạng. Và nếu bạn chỉ định giao thức "mailto", thì siêu liên kết sẽ khởi chạy chương trình thư của bạn, thay vì chuyển đến một trang khác: liên kết email): Liên kết tới kho lưu trữ

Bước 2

Một thuộc tính siêu kết nối khác cho biết cửa sổ nào để tải tài liệu mới này vào được đánh vần là "target". Nếu bạn có thể nhập bất kỳ địa chỉ chính xác nào vào thuộc tính href, thì target chỉ có thể có bốn giá trị: _self - trang phải được tải vào cùng một cửa sổ hoặc khung. "Khung" đề cập đến một phần của cửa sổ được chia thành nhiều phần; _parent - nếu chính trang hiện tại được tải từ cửa sổ (hoặc khung) khác, thì nó có cửa sổ "cha". Và giá trị _parent yêu cầu trang mà các điểm liên kết được tải vào cửa sổ cha này; _top - trang mới phải được tải vào cùng một cửa sổ. Nếu cửa sổ này được chia thành các khung, thì khi tải chúng sẽ bị phá hủy và trang mới sẽ là khung duy nhất trong cửa sổ này; _blank - một cửa sổ riêng biệt sẽ được mở để theo liên kết; Ví dụ:

Liên kết sẽ mở trong một cửa sổ mới

Bước 3

Có thể tạo một siêu liên kết để không chuyển đến một trang khác mà đến một phần nhất định của cùng một tài liệu. Để chỉ ra một "điểm đến" như vậy trong mã html của tài liệu, một liên kết liên kết được sử dụng: Và liên kết cuộn tài liệu đến liên kết này trông giống như sau: Liên kết đến liên kết đầu tiên của trang Bạn có thể liên kết đến liên kết không chỉ trong tài liệu này, nhưng cũng trong tài liệu khác: Anchor trong một trang khác Tất nhiên, trong mã html của tài liệu khác, một liên kết neo như vậy với tên thuộc tính = "Anchor1" phải tồn tại.

Bước 4

Một siêu kết nối không chỉ có thể phân phát văn bản mà còn cung cấp các phần tử khác của trang - ví dụ: hình ảnh. Thẻ đơn giản nhất để vẽ một bức tranh trông như thế này: Và để bức tranh trở thành một siêu liên kết, nó phải được đặt giữa các thẻ liên kết mở và đóng:

Đề xuất: