Quay lại chọn bài học

Liên kết là thành phần quan trọng của HTML mà bạn có thể gặp ở hầu hết các trang web. Liên kết dùng để điều hướng từ trang này sang trang khác khi người dùng nhấp chuột vào liên kết.

Liên kết trong HTML là siêu liên kết

Tất cả các liên kết trong HTML đều là siêu liên kết (hyperlink).
Siêu liên kết là một đoạn văn bản hoặc bức ảnh mà khi bạn nhấn vào nó, trình duyệt sẽ di chuyển sang trang khác đã được định nghĩa sẵn.

Cú pháp chèn liên kết vào HTML

Trong HTML, ta dùng thẻ <a> để thêm liên kết vào trang web.
Cú pháp:
<a href="/url">phần văn bản liên kết</a>
 Thuộc tính href là bắt buộc để chỉ ra đích đến của liên kết, url là địa chỉ trang web đích.
Ví dụ:

Liên kết cục bộ

Thông thường các website được tổ chức dạng thư mục. Một website có thể có nhiều trang web. Nếu muốn di chuyển giữa các trang web trong cùng 1 website ta có thể dùng url cục bộ có dạng đường dẫn tương đối.
Ví dụ:
<a href="/hoc_css.html">Hướng dẫn học CSS</a>

Thuộc tính target

Thuộc tính target của thẻ <a> dùng để chỉ ra nơi sẽ hiển thị trang web của liên kết.
Ví dụ, muốn trình duyệt mở một cửa sổ (tab) mới khi nhấn vào liên kết bạn cần khai báo.
<a href="/hoc_css.html" target="_blank">Hướng dẫn học CSS</a>
Có các giá trị của target như sau:
Giá trịMô tả
_blankMở liên kết trong một cửa số (tab) mới.
_selfMở liên kết ngay tại cửa sổ (tab) hiện tại.
_parentMở liên kết trong frame cha của frame hiện tại
_topMở liên kết trên toàn cửa sổ.
Tên frameMở liên kết trong 1 frame nào đó.


Dùng ảnh như liên kết

Bạn có thể dùng một bức ảnh làm liên kết bằng cách khải báo thẻ <img> nằm trong phạm vi của cặp thẻ <a>.
Ví dụ:

Quay lại chọn bài học

NHẬN XÉT - BÌNH LUẬN

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước.

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.