Home / Blogs / cách liên kết các trang web với nhauCÁCH LIÊN KẾT CÁC TRANG WEB VỚI NHAU13/12/2021Liên kết trong HTML – Cú phápCác liên kết cục bộLiên kết trong HTML – Màu sắcLiên kết trong HTML – Thuộc tính targetLiên kết trong HTML – Liên kết dùng hình ảnhVí dụ 7Các liên kết trong HTMLLiên kết được tìm thấy trong hầu hết các trang web. Liên kết cho phép người sử dụng kích chuột để di chuyển từ trang này đến trang khác.Bạn đang xem: Cách liên kết các trang web với nhauLiên kết trong HTML – Siêu liên kếtCác liên kết trong HTML chính là các siêu liên kếtMột siêu kiên kết là một văn bản hoặc một hình ảnh mà bạn có thể nhấp chuột vào và chuyển đến một tài liệu khác.Liên kết trong HTML – Cú phápTrong HTML, liên kết được xác định bởi cặp thẻ :Thuộc tính href xác định địa chỉ đích (https://sarakhanov.com/)Text hiển thị là phần mà chúng ta nhìn thấy được (Thăm trang web sarakhanov.com của chúng tôi).Nhấp chuột vào text liên kết, trình duyệt sẽ đưa bạn đến địa chỉ được đặt trong href.Text liên kết không chỉ có các ký tự. Nó có thể là một 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ỉ, ví dụ như liên kết href = “https://sarakhanov.com”, bạn sẽ phát sinh ra hai hai yêu cầu tới máy chủ. Nhiều máy chủ sẽ tự động thêm dấu gạch chéo cho địa chỉ, và sau đó tạo một yêu cầu 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 tuyệt đối (Một địa chỉ 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 2021Một liên kết cục bộ (Liên kết tới các trang web trong cùng một website) được xác định với một URL tương đối (Không có http://www….).Ví dụ 2a href=“html_images.html”/a>Xem demo ví dụ 2Liên kết trong HTML – Màu sắcKhi bạn di chuyển chuột qua một liên kết, có hai thứ thường xảy ra:Mũi tên của chuột sẽ trở thành hình một bàn tay nhỏMàu sắc của phần tử liên kết sẽ được thay đổiTheo mặc định, một liên kết sẽ hiện ra 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 dưới và có màu xanhLiên kết đã được ghét thăm (visited) được gạch dưới và có màu tíaLiên kết được kích hoạt (active) được gạch dưới và có màu đỏBạn có thể thay đổi các màu sắc mặc định, bằng cách sử dụng các định kiểu:Ví dụ 3Xem demo ví dụ3Liên kết trong HTML – Thuộc tính targetThuộc tính target chỉ định nơi để mở của các tài liệu được liên kếtVí 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 mới hoặc trong một tab mới:Ví dụ 4a href=“https://sarakhanov.com/” target=“_blank”>Visit sarakhanov.com!/a>Xem demo ví dụ 4Giá trị targetMô tả_blankMở tài liệu liên kết trong một của sổ mới hoặc một tab mới_selfMở tài liệu liên kết trong cùng frame như mà nó được kích(đây là mặc định)_parentMở tài liệu liên kết trong frame cha_topMở tài liệu liên kết chiếm toàn bộ phần body của cửa sổframenameMở tài liệu liên kết trong một frame đã được đặt tênNếu trang web của bạn bị khóa trong một frame, bạn có thể sử dụng target=”_top” để thoát khỏi frame đó:Ví dụ 5a href=“https://sarakhanov.com/” target=“_top”>trang web sarakhanov.com!/a>Xem demo ví dụ 5Liên kết trong HTML – Liên kết dùng hình ảnhNó rất phổ biến sử dụng các hình ảnh cho các liên kết :Ví dụ 6a href=“https://sarakhanov.com/”>img src=“smiley.gif” alt=“Học HTML” style=“width:42px;height:42px;border:0”>/a>Xem demo ví dụ 6border: 0 được thêm vào để tránh IE9 ( trước đó) hiển thị một đường viền xung quanh hình ảnh.Liên kết trong HTML – Tạo một BookmarkBookmarks trong HTML được sử dụng để cho phép người đọc có thể chuyển đến các phần cụ thể của một trang web.Bookmarks là cần thiết nếu trang web của bạn có các trang web chứa nội dung dài.Để tạo ra một bookmark, đầu tiên bạn phải tạo bookmark, và sau đó thêm liên kết đến nó.Khi click đến liên kết, trang web sẽ chuyển đến vị trí với bookmark.Ví dụ 7Đầu tiên, tạo một bookmark với thuộc tính id:h2 id=“tips”>Chuyên mục các lời khuyên hữu ích/h2>Sau đó, thêm một liên kết đến bookmark (“Đến thăm chuyên mục các lời khuyên hữu ích”), trong cùng 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 liên kết đến bookmark (“Chuyên mục các lời khuyên hữu ích”), từ một trang khác:Ví dụ:a href=“https://sarakhanov.com/”>Đến thăm chuyên mục các lời khuyên hữu ích/a>Xem demo ví dụ 7Tóm tắt bài học HTML sử dụng phần tử để tạo một liên kết HTML sử dụng thuộc tính href để xác định địa chỉ liên kết HTML sử dụng thuộc tính target để xác định điểm đến để mở ra một văn bản được liên kết HTML sử dụng phần tử (bên trong thẻ ) sử dụng một hình ảnh như là một liên kết HTML sử dụng thuộc tính id (id=”value“) để xác định các Bookmark trong một trang web HTML sử dụng thuộc tính href (href=”#value“) để liêu kết tới các BookmarkCác thẻ liên kết HTMLThẻMô tảXác định một siêu liên kếtCác thẻ: CSShtmlsiêu liên kếtCó thể bạn sẽ thích… Trả lời HủyBạn phải đăng nhập để gửi phản hồi. Liên kết: Chuyên mục Chuyên đềTin học văn phòngLập trình MobileTài liệuNghiên cứuTiện ích/Sản phẩm