Thẻ liên kết html

Một trang web có thể chứa các đường liên kết khác nhau để liên kết trực tiếp với các trang khác hoặc trong một phần của trang. Những liên kết này được gọi là Hyperlinks [siêu liên kết]

Siêu liên kết cho phép khách truy cập vào các trang web khác nhau bằng cách nhấn chuột vào từ, cụm từ và hình ảnh. Vì vậy, bạn có thể tạo các đường Siêu liên kết sử dụng văn bản hoặc hình ảnh có trên trang web của bạn

I. Liên kết văn bản trong HTML

Gắn thẻ trong HTML

Một liên kết được xác định bằng cách sử dụng thẻ . Thẻ này gọi là thẻ neo [anchor tag], và bất kỳ ở giữa thẻ mở và thẻ đóng trở thành một phần của đường liên kết và khi người sử dụng có thể nhấn chuột vào phần đó để tới với tài liệu được gán liên kết. Dưới đây là cú pháp sử dụng thẻ .

Link Text

Ví dụ liên kết văn bản trong HTML

Hãy cùng xem ví dụ sau mà liên kết với trang http. //vietjack. com trong trang của bạn

Vi du text link trong HTML


Click chuot vao duong link sau:

Một trang web có thể chứa các đường liên kết khác nhau để liên kết trực tiếp với các trang khác hoặc trong một phần của trang. Những liên kết này được gọi là Hyperlinks [siêu liên kết]

Siêu liên kết cho phép khách truy cập vào các trang web khác nhau bằng cách nhấn chuột vào từ, cụm từ và hình ảnh. Vì vậy, bạn có thể tạo các đường Siêu liên kết sử dụng văn bản hoặc hình ảnh có trên trang web của bạn

Thuộc tính mục tiêu trong HTML

Chúng ta đã sử dụng thuộc tính mục tiêu trong ví dụ trước. Thuộc tính này được sử dụng để xác định vị trí nơi đường liên kết được mở. Dưới đây là các tùy chọn

Tùy chọnMiêu tả_trốngMở trang liên kết trong cửa sổ new_selfMở trang liên kết trong cùng một khung giống với khung chứa liên kết_parentMở trang liên kết trong khung nguồn chứa đường link_topMở trang liên kết trong cửa sổ toàn màn hình targetframeMở tài liệu được liên kết trong khung mục tiêu đã đặt

Ví dụ

Dưới đây là ví dụ để hiểu sự khác nhau của các cơ bản trong các tùy chọn ở trên

Vi du text link trong HTML



Click chuot vao mot trong cac link sau:
Vi du gia tri _blank |
Vi du gia tri _self |
Vi du gia tri _parent |
Vi du gia tri _top

Nó sẽ hiển thị kết quả sau đó, bạn nhấp chuột vào các đường liên kết khác nhau để hiểu sự khác nhau giữa các tùy chọn trên thuộc tính mục tiêu

Click chuột vào một trong các link sau

Vi du gia tri _blank. Vi du gia tri _self. Vi du gia tri _parent. Vi du gia tri _top

Use Base Link in HTML

Khi bạn liên kết tài liệu HTML với cùng một trang web, nó không yêu cầu một địa chỉ URL đầy đủ cho tất cả mọi link. Bạn có thể từ bỏ nó nếu bạn sử dụng thẻ trong phần tiêu đề tài liệu. Thẻ này được sử dụng để cung cấp một đường link cơ sở cho tất cả các link. Vì thế, trình duyệt sẽ xâu chuỗi các đường link liên quan với đường link cơ sở và sẽ làm cho nó thành một đường link đầy đủ.

Ví dụ

Dưới đây là ví dụ về sử dụng thẻ để xác định đường link cơ sở URL và sau đó chúng ta có thể sử dụng các đường liên quan cho tất cả các đường link mà không cần cung cấp đường liên kết đầy đủ cho các link.

Vi du text link trong HTML



Click chuot vao duong link sau:
Bai huong dan HTML

Kết quả là khi bạn nhấn vào đường liên kết. Bai huong dan HTML

Now now, URL has for