Các liên kết 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 áp dụng kích loài chuột để dịch chuyển từ trang này đến trang khác.
Bạn đang đọc: 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 links trong HTML chính là các khôn cùng liên kết
Một khôn cùng kiên kết là 1 trong những văn bản hoặc một hình ảnh mà chúng ta có thể bấm vào vào và chuyển mang lại một tài liệu khác.
Liên kết vào HTML – Cú pháp
Trong HTML, liên kết được khẳng định bởi cặp thẻ :
Thuộc tính href xác định showroom đích (https://phukiennail.net/)
Text hiển thị là phần mà họ nhìn thấy được (Thăm website phukiennail.net của chúng tôi).
Nhấp loài chuột vào text liên kết, trình lưu ý sẽ đưa các bạn đến địa chỉ cửa hàng được để trong href.
| Text liên kết không chỉ có có những ký tự. Nó rất có thể là một hình hình ảnh mà ta cần sử dụng thẻ img của HTML hoặc ngẫu nhiên 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://phukiennail.net”, bạn sẽ phát sinh ra hai hai yêu cầu tới đồ vật chủ. Nhiều máy chủ sẽ trường đoản cú động thêm lốt gạch chéo cho địa chỉ, và kế tiếp tạo một yêu cầu mới href=”https://phukiennail.net/”. |
Các links cục bộ
Ví dụ trên áp dụng một URL tuyệt đối (Một add web đầy đủ).
Xem thêm: Top 6 Phim Hành Động Nga Siêu Hấp Dẫn Khiến Bạn Không Thể Rời Mắt
Một liên kết cục bộ (Liên kết tới những trang web trong và một website) được xác định với một URL tương đối (Không có http://www….).
Ví dụ 2
a href=“html_images.html”/a>
Xem thử nghiệm ví dụ 2
Liên kết vào HTML – color sắc
Khi bạn dịch rời chuột qua một liên kết, tất cả hai lắp thêm thường xảy ra:
Mũi tên của con chuột sẽ đổi mới hình một bàn tay nhỏMàu sắc đẹp của thành phần liên kết sẽ tiến hành thay đổiTheo mang định, một link sẽ hiển thị như sau (trong tất cả các trình duyệt):
Liên kết chưa được ghẹ thăm (unvisited) được gạch bên dưới và tất cả màu xanhLiên kết đã được ghét thăm (visited) được gạch bên dưới và bao gồm màu tíaLiên kết được kích hoạt (active) được gạch dưới và bao gồm màu đỏBạn có thể biến hóa các color mặc định, bằng phương pháp sử dụng những định kiểu:
Ví dụ 3
Xem demo ví dụ3
Liên kết trong HTML – trực thuộc 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ụ tiếp sau đây sẽ mở các tài liệu link trong một hành lang cửa số trình duyệt mới hoặc trong một tab mới:
Ví dụ 4
a href=“https://phukiennail.net/” target=“_blank”>Visit phukiennail.net!/a>
Xem demo ví dụ 4
| _blank | Mở tài liệu links trong một của sổ new hoặc một tab mới |
| _self | Mở tài liệu liên kết trong cùng frame như nhưng nó được kích(đây là mặc định) |
| _parent | Mở tài liệu links trong frame cha |
| _top | Mở tài liệu link chiếm tổng thể phần body của cửa sổ |
| framename | Mở tài liệu link trong một frame đã có được đặt tên |
Nếu trang web của chúng ta bị khóa trong một frame, chúng ta có thể sử dụng target=”_top” để né khỏi frame đó:
Ví dụ 5
a href=“https://phukiennail.net/” target=“_top”>trang website phukiennail.net!/a>
Xem kiểm tra ví dụ 5
Liên kết trong HTML – Liên kết sử dụng hình ảnh
Nó rất thịnh hành sử dụng các hình hình ảnh cho các liên kết :
Ví dụ 6
a href=“https://phukiennail.net/”>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 phân phối để tránh IE9 ( trước đó) hiển thị một mặt đường viền bao bọc hình ảnh. |
Liên kết vào HTML – chế tạo ra một Bookmark
Bookmarks trong HTML được sử dụng để được cho phép người đọc rất có thể chuyển đến những phần ví dụ của một trang web.
Bookmarks là quan trọng nếu trang web của người tiêu dùng có các trang web cất nội dung dài.
Để tạo thành một bookmark, thứ nhất bạn nên tạo bookmark, và tiếp nối thêm links đến nó.
Khi click mang lại liên kết, website sẽ chuyển đến vị trí với bookmark.
Ví dụ 7
Đầu tiên, tạo nên 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 liên kết đến bookmark (“Đến thăm thể loại các lời răn dạy hữu ích”), trong cùng một trang:
a href=“#tips”>Đến thăm thể loại các lời răn dạy hữu ích/a>
hoặc, thêm link đến bookmark (“Chuyên mục các lời khuyên hữu ích”), xuất phát điểm từ một trang khác:
Ví dụ:
a href=“https://phukiennail.net/”>Đến thăm chuyên mục các lời khuyên nhủ hữu ích/a>
Xem demo ví dụ 7
Tóm tắt bài xích 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 thực hiện thuộc tính target để xác định điểm đến lựa chọn để mở ra một văn phiên bản được liên kết HTML thực hiện phần tửCác thẻ liên kết HTML
| Xác định một vô cùng 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 đề xuất đăng nhập để gửi phản nghịch hồi.
Liên kết:
Chuyên mục
chăm đềTin học tập văn phòngLập trình MobileTài liệuNghiên cứuTiện ích/Sản phẩm
