Liên kết html
Một thẻ HTML phổ biến tiếp theo mà mình muốn giới thiệu tới các bạn đó chính là thẻ 1 có tác dụng chèn liên kết (link) trong một tài liệu HTML Show lục mục
I. Liên kết (link) là gì?Trong phạm vi của loạt bài viết này, ‘liên kết’ là một cầu nối giữa 2 trang web (2 tài liệu HTML) với nhau Thực sự thì liên kết là cái mà bạn vẫn tiếp xúc hàng ngày khi lướt web, chính là cái mà khi bạn click vào thì trình duyệt sẽ chuyển bạn đến một trang web nào đấy. Nếu bạn vẫn chưa hình dung ra, thì liên kết của nó sẽ giống như thế này Đây là ví dụ về một đường liên kết Rồi, bạn đã thấy nó chưa thuộc. Và phần tiếp theo mình sẽ hướng dẫn bạn cách tạo ra một cái tương tự nhé II. Chèn liên kết với thẻ aGắn thẻ a trong HTML có cấu trúc như sau Đây là ví dụ về một đường link Nhìn bạn có thể nhận ra ngay, khi người dùng nhấp vào dòng chữ Đây là ví dụ về một đường liên kết, trình duyệt sẽ chuyển bạn đến trang web có địa chỉ là https. //phuongbinh. mạng lưới. Hóa ra để tạo một đường link với HTML cũng khó nhỉ III. Một vài thuộc tính hoặc đi kèm với thẻ aNgoài thuộc tính bắt buộc href, thì thẻ a có một số thuộc tính thuộc tính tùy chỉnh khác. Cụ mình sẽ liệt kê trong bảng dưới đây Thuộc tínhGiá trịMô tả 2 3. Open link in new tab______24. Open link at tab current at (default) 5. Mở liên kết ở tab hiện tại ngay cả khi liên kết nằm trong iframe 6. Mở liên kết ở tab chaThể hiện việc mở liên kết mới trong tab như thế nào? 7Tên tệp sau khi tải xuốngKhi thẻ a thuộc tính này, thì thay vì liên kết được mở trong tab, nó sẽ được tải về máy 8alternateauthor bookmark external help license next nofollow noreferrer noopener prev search tagThể hiện mối quan hệ giữa hai trang web được liên kết. Một vài giá trị của thuộc tính này có giá trị quan trọng trong SEO. IV. Tổng kếtThẻ a là một thẻ đơn giản và khá hay ho không đúng. Nếu có gì chưa hiểu các bạn có thể inbox mình tại fanpage Tự học lập trình, mình sẽ hỗ trợ Bạn có thể tìm thấy các đường dẫn (liên kết) trên khắp các trang web. Liên kết cho phép nhấp vào để chuyển sang một trang khác Đường dẫn trong HTML là gìCác đường dẫn trong HTML là các đường siêu liên kết. Nhấp vào đó sẽ giúp đưa bạn đến một văn bản khác. Khi rê chuột qua đường dẫn, biểu tượng mũi tên của chuột sẽ chuyển thành biểu tượng bàn tay Lưu ý. Đường dẫn không nhất thiết phải là văn bản, có thể là hình ảnh hoặc các phần tử HTML khác Cú pháp đường dẫn trong HTMLTrong HTML, đường dẫn được định nghĩa bằng thẻ 4
Ví dụ
Thuộc tính 5 được sử dụng để xác định địa chỉ của điểm đến cụ thể. (https. //quantrimang. com/html/) Văn bản cho đường dẫn là phần sẽ hiển thị, nhấp vào đây sẽ đưa bạn tới địa chỉ đóLưu ý. Nếu không sử dụng gạch chéo cho địa chỉ thư mục con, có thể tạo ra 2 yêu cầu tới máy chủ. Nhiều máy chủ tự động thêm dấu gạch cho rồi mới tạo yêu cầu Đường dẫn nội bộ Local LinkVí dụ về việc sử dụng đường dẫn URL cho cả trang web, liên kết nội bộ (liên kết đến cùng một trang web) được xác định chỉ bằng URL liên quan (không cần https. //www. )
Path color HTMLĐường dẫn mặc định sẽ hiển thị như sau (trên tất cả trình duyệt)
You can change default color by CSS Ví dụ
Thuộc tính mục tiêuThuộc tính 6 dùng để xác định xem sẽ mở văn bản được liên kết ở đâu, có thể là các giá trị sau_blank open at the window or tab new Ví dụ dưới đây mở văn bản ở cửa sổ/tab mới ________số 8Nếu trang web bị đóng trong khung, bạn có thể sử dụng 7 để phá vỡ khung 0Đường dẫn dưới dạng hình ảnh 1 8 được thêm vào để ngăn chặn IE9 (và trở về trước) hiển thị đường viền xung quanh ảnh (khi ảnh là một đường dẫn)Tiêu đề đường dẫnThuộc tính tiêu đề được sử dụng để xác định thông tin bổ sung cho phần tử. Thông thường hiển thị dưới dạng chú giải công cụ khi con trỏ chuột qua phần tử 3Create a page markĐánh dấu trang trong HTML được sử dụng để người đọc dễ dàng đi tới các phần khác trong trang web. Đánh dấu trang rất hữu ích khi trang web quá dài Trước hết bạn phải đánh dấu trang rồi sau đó thêm đường dẫn đến đó. Khi nhấp vào liên kết, trang sẽ cuộn tới địa chỉ được đánh dấu trang đó Tạo dấu trang bằng thuộc tính 9 5Sau đó gắn đường dẫn tới dấu trang đó (Đi tới Chương 16) từ cùng một trang 6Đường dẫn tới dấu trang (Đi tới Chương 16) từ trang khác 0Đường dẫn bên ngoàiĐường dẫn bên ngoài có thể tham chiếu đến URL hoặc đường dẫn liên quan đến trang web hiện tại. Ví dụ dưới đây sử dụng URL đầy đủ 1Ví dụ dưới đây dẫn đến trang web trong thư mục HTML của cùng một trang web 2Ví dụ dưới đây dẫn đến trang web được đặt trong cùng thư mục của cùng trang hiện tại 3Bài trước. Tạo kiểu cho HTML với CSS bài sau. Hình ảnh trong HTML
Thứ Tư, 15/04/2020 16. 01 3,8 ★ 13 👨 33. 284 0 Bình luận Sắp xếp theo Delete Login to Send Bạn nên đọc
HTML
HTML
|