Cách liên kết các trang web với nhau

Liên kết vào HTML – Cú phápCác links cục bộLiên kết trong HTML – color sắcLiên kết trong HTML – ở trong tính targetLiên kết vào HTML – Liên kết sử dụng hình ảnhVí dụ 7

Các link trong HTML

Liên kết được tra cứu thấy trong phần đông các trang web. Liên kết có thể chấp nhận được người sử dụng kích con chuột để dịch rời từ trang này cho trang khác.

Bạn đang xem: Cách liên kết các trang web với nhau

Liên kết trong HTML – Siêu liên kết

Các link trong HTML đó là các rất liên kết

Một khôn cùng kiên kết là 1 văn bản hoặc một hình ảnh mà các bạn có thể nhấn vào vào cùng chuyển đến một tài liệu khác.

Liên kết vào HTML – Cú pháp

Trong HTML, link được xác minh bởi cặp thẻ  :


Thuộc tính href xác định địa chỉ cửa hàng đích (https://sarakhanov.com/)

Text hiển thị là phần mà họ nhìn thấy được (Thăm trang web sarakhanov.com của bọn chúng tôi).

Nhấp con chuột vào text liên kết, trình ưng chuẩn sẽ đưa chúng ta đến địa chỉ được để trong href.

Text liên kết không chỉ là có các ký tự. Nó hoàn toàn có thể là một hình hình ảnh mà ta dùng thẻ img của HTML hoặc bất kỳ thẻ nào khác trong HTML.
Nếu không có dấu gạch chéo ở cuối địa chỉ, lấy ví dụ như liên kết href = “https://sarakhanov.com”, bạn sẽ phát xuất hiện hai hai yêu ước tới máy chủ. Nhiều sever sẽ từ bỏ động thêm dấu gạch chéo cánh cho địa chỉ, và tiếp đến tạo một yêu mong mới href=”https://sarakhanov.com/”.

Các liên kết cục bộ

Ví dụ trên sử dụng một URL giỏi đối (Một showroom web đầy đủ).

Xem thêm: Gbr Là Viết Tắt Của Nước Nào Mới Nhất 2021, Top 10 Gbr Viết Tắt Nước Nào Mới Nhất 2021

Một liên kết cục bộ (Liên kết tới những trang website trong và một website) được xác minh với một URL tương đối (Không có http://www….).


Ví dụ 2


a href=“html_images.html”/a>

Xem kiểm tra ví dụ 2


Liên kết trong HTML – màu sắc sắc

Khi bạn di chuyển chuột qua một liên kết, gồm hai lắp thêm thường xảy ra:

Mũi thương hiệu của loài chuột sẽ đổi thay hình một bàn tay nhỏMàu sắc đẹp của bộ phận liên kết sẽ tiến hành thay đổi

Theo mang định, một liên kết sẽ hiển thị như sau (trong toàn bộ các trình duyệt):

Liên kết chưa được xịt thăm (unvisited) được gạch dưới và gồm màu xanhLiên kết đã được ghét thăm (visited) được gạch dưới và tất cả màu tíaLiên kết được kích hoạt (active) được gạch bên dưới và bao gồm màu đỏ

Bạn tất cả thể thay đổi các màu sắc mặc định, bằng phương pháp sử dụng các định kiểu:


Ví dụ 3


Xem kiểm tra ví dụ3


Liên kết trong HTML – nằm trong tính target

Thuộc tính target hướng đẫn nơi để mở của các tài liệu được liên kết

Ví dụ dưới đây sẽ mở các tài liệu liên kết trong một cửa sổ trình duyệt bắt đầu hoặc vào một tab mới:


Ví dụ 4


a href=“https://sarakhanov.com/” target=“_blank”>Visit sarakhanov.com!/a>

Xem test ví dụ 4


Giá trị targetMô tả
_blankMở tài liệu liên kết trong một của sổ bắt đầu hoặc một tab mới
_selfMở tài liệu link trong cùng frame như nhưng mà nó được kích(đây là mang định)
_parentMở tài liệu links trong frame cha
_topMở tài liệu link chiếm toàn bộ phần toàn thân của cửa sổ
framenameMở tài liệu liên kết trong một frame đã có đặt tên

Nếu trang web của công ty bị khóa trong một frame, chúng ta cũng có thể sử dụng target=”_top” để thoát khỏi frame đó:


Ví dụ 5


a href=“https://sarakhanov.com/” target=“_top”>trang website sarakhanov.com!/a>

Xem thử nghiệm ví dụ 5


Liên kết trong HTML – Liên kết cần sử dụng hình ảnh

Nó rất thịnh hành sử dụng các hình ảnh cho những liên kết :


Ví dụ 6


a href=“https://sarakhanov.com/”>img src=“smiley.gif” alt=“Học HTML” style=“width:42px;height:42px;border:0”>/a>

Xem thử nghiệm ví dụ 6


border: 0 được cung cấp để kị IE9 ( trước đó) hiển thị một con đường viền xung quanh hình ảnh.

Liên kết vào HTML – chế tác một Bookmark

Bookmarks vào HTML được thực hiện để chất nhận được người đọc hoàn toàn có thể chuyển đến các phần rõ ràng của một trang web.

Bookmarks là cần thiết nếu trang web của công ty có các trang web chứa nội dung dài.

Để tạo ra một bookmark, đầu tiên bạn nên tạo bookmark, và tiếp đến thêm liên kết đến nó.

Khi click đến liên kết, website sẽ chuyển mang lại vị trí với bookmark.

Ví dụ 7

Đầu tiên, tạo một bookmark với nằm trong tính id:


h2 id=“tips”>Chuyên mục những lời khuyên nhủ hữu ích/h2>

Sau đó, thêm một links đến bookmark (“Đến thăm phân mục các lời khuyên hữu ích”), trong và một trang:


a href=“#tips”>Đến thăm chuyên mục các lời khuyên hữu ích/a>

hoặc, thêm links đến bookmark (“Chuyên mục những lời răn dạy hữu ích”), xuất phát từ một trang khác:


Ví dụ:


a href=“https://sarakhanov.com/”>Đến thăm thể loại các lời khuyên hữu ích/a>

Xem kiểm tra ví dụ 7


Tóm tắt bài bác học

 HTML thực hiện phần tử  để tạo một liên kết HTML áp dụng thuộc tính href để xác định showroom liên kết HTML sử dụng thuộc tính target để xác định điểm đến lựa chọn để xuất hiện một văn phiên bản được liên kết HTML áp dụng phần tử  (bên trong thẻ ) sử dụng một hình hình ảnh như là 1 trong những liên kết HTML áp dụng thuộc tính id (id=”value“) để xác minh các Bookmark trong một trang web HTML thực hiện thuộc tính href  (href=”#value“) nhằm liêu kết tới các Bookmark

Các thẻ liên kết HTML

ThẻMô tả
Xác định một siêu liên kết


Các thẻ: CSShtmlsiêu liên kết

Có thể các bạn sẽ thích…

Trả lời Hủy

Bạn cần đăng nhập để gửi phản hồi.


Liên kết:



Chuyên mục


chăm đềTin học văn phòngLập trình MobileTài liệuNghiên cứuTiện ích/Sản phẩm