Muốn liên kết file html với file định nghĩa css ta dùng cú pháp nào sau đây
Liê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. Show Liê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ết Mộ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ẻ :
<a href=“url“>text hiển thị</a>
<a href=“https://timoday.edu.vn/”>Thăm trang web timoday của chúng tôi</a> Xem demo ví dụ 1 Thuộc tính href xác định địa chỉ đích (https://timoday.edu.vn/) Text hiển thị là phần mà chúng ta nhìn thấy được (Thăm trang web timoday 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.
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 đủ). Mộ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….).
<a href=“html_images.html”</a> Xem demo ví dụ 2 Liê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:
Theo 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):
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:
Xem demo ví dụ3 Liê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ế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 mới hoặc trong một tab mới:
<a href=“https://timoday.edu.vn/” target=“_blank”>Visit Timoday!</a> Xem demo ví dụ 4
Nế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 đó:
<a href=“https://timoday.edu.vn/” target=“_top”>trang web Timoday!</a> Xem demo ví dụ 5 Liê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 :
<a href=“https://timoday.edu.vn/”> Xem demo ví dụ 6
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:
<a href=“https://timoday.edu.vn/”>Đến thăm chuyên mục các lời khuyên hữu ích</a> Xem demo ví dụ 7 Tóm tắt bài học
Các thẻ liên kết HTML
|