Nguyễn NghĩaCấu trúc thẻ liên kết
Thẻ liên kết có chức năng điều hướng giữa các trang web trong website, ngoài ra còn được dùng để làm bookmark, được định nghĩa bởi thẻ <a> có cấu trúc như sau:
<a href="liên kết" target="_blank">Nội dung hiển thị</a>
Các thuộc tính của thẻ <a>
href: đường dẫn đến website cụ thể.target: cách thức mở 1 trang web._self: mở với tab hiện tại, nếu không có thuộc tínhtarget, mặc định sẽ là_self._blank: mở với tab mới._parent: mở với frame chứa frame của trang web hiện tại (nếu trang này được tải bởi iframe)._top: vượt đến cấp cao nhất của frame, mở với frame gốc (tab hiện tại) (nếu trang được mở bởi các iframe lồng nhau).
Ví dụ đơn giản về thẻ <a>:
SELF: <a href="https://training.stdio.vn/" target="_self">STDIO Training</a><br/>
BLANK: <a href="https://training.stdio.vn/" target="_blank">STDIO Training</a>
Kết quả:
SELF: STDIO Training
BLANK: STDIO Training
Chuyển trang chung miền
Liên kết với những trang web phía bên ngoài cần 1 đường dẫn đầy đủ, trong khi đó nếu các đường dẫn chung 1 tên miền có thể sử dụng đường dẫn tương đối.
Giả sử có 2 file là page1.html và page2.html cùng 1 miền và lưu chung thư mục.
page1.html
<!DOCTYPE html>
<html>
<head></head>
<body>
<h3>Trang Nhất</h3>
<a href="page2.html" >Chuyển đến Trang Hai</a>
</body>
</html>page2.html
<!DOCTYPE html>
<html>
<head></head>
<body>
<h3>Trang Hai</h3>
<a href="page1.html" >Chuyển về Trang Nhất</a>
</body>
</html>Sau khi chạy một trong hai file .html, có thể điều hướng giữa hai trang page1.html và page2.html. nhưng không cần thêm thông tin về tên miền.
Bài chung series
- HTML - Phần 0: Trang Web Đầu Tiên
- HTML - Phần 1: Cơ Bản về HTML
- HTML - Phần 2: Các Thẻ Định Dạng Văn Bản
- HTML - Phần 3: Thẻ Liên Kết trong HTML
- HTML - Phần 4: Các Thẻ Định Dạng Danh Sách
- HTML - Phần 5: Các Thẻ Hình Ảnh, Video, Audio
- HTML - Phần 6: Các Thẻ Input trong HTML
- HTML - Phần 7: Thẻ Table trong HTML
- HTML - Phần 8: Thẻ Form trong HTML
