Thẻ liên kết!
Trong Serries tự học HTML chương 2 Myboxst đã liệt kê cho bạn tất cả những thẻ có trong html.
Bây giờ hãy cùng Myboxst thực hành về tác dụng của từng loại thẻ (tag) trong html.
Trong bài viết này chúng ta sẽ tìm hiểu về Thẻ liên kết <a>.
Định nghĩa
Liên kết trong html là sự kết nối giữa 2 tài liệu html!
Liên kết thường được hiển thị dưới dạng văn bản hoặc hình ảnh!
Nói dễ hiểu hơn là => Chúng ta chèn một link (liên kết) vào văn bản hoặc hình ảnh trên trang html => sau đó click vào thì liên kết sẽ chuyển chúng ta đến một trang html khác!
Tác dụng của thẻ liên kết trong html
- Dùng để kết nối giữa 2 tài liệu html lại với nhau!
- Đánh dấu nội dung liên quan
- Giúp người xem dễ tìm kiếm
- Hỗ trợ cho việc SEO
- Khi bạn biết chèn liên kết bạn cũng có thể kiếm được tiền! bằng cách làm tiếp thị liên kết Affiliate Marketing,tuyển refferal cho các dự án,….
Cách tạo một thẻ liên kết
Cặp thẻ liên kết thường được viết bằng 2 dạng như sau:
Dạng 1: Văn bản
<a href="URL"> Nội dung văn bản hiển thị </a>Dạng 2: Hình ảnh
<a href="URL"> <img src="URL_Hình_Ảnh" /> </a>Ví dụ 1: để dễ hiểu hơn bạn hãy xem ví dụ bên dưới!
Đoạn Code HTML
<!DOCTYPE html><html lang="en"><head> <title>Thẻ liên kết <a></title></head><body> <h5>Ví dụ 1</h5> <p>Thẻ liên kết a thường có 2 loại chính là văn bản và hình ảnh:</p> <a href="https://www.myboxst.com/html-la-gi/">Đây là dạng liên kết văn bản!</a> <br /> <p>Thẻ liên kết bằng hình ảnh ▼</p> <a href="https://www.myboxst.com/html-la-gi/" target="_blank" rel="noopener"><img src="https://www.myboxst.com/wp-content/uploads/2021/04/01.jpg"/></a></body></html>Kết Quả hiển thị:
Ví dụ 1
Thẻ liên kết a thường có 2 loại chính là văn bản và hình ảnh:
Đây là dạng liên kết văn bản!
Thẻ liên kết bằng hình ảnh ▼
Bạn có thể Copy và past code để test bằng Texteditor online tại đây!
Lưu ý: Khi tạo một liên kết, nếu như bạn bỏ trống đường dẫn (URL) thì mặc định URL sẽ là đường dẫn của trang web chứa liên kết .
Ví dụ 2:
Đoạn Code HTML
<!DOCTYPE html><html lang="en"><head> <title>Ví dụ 2 Thẻ liên kết <a></title></head><body> <h5>Ví dụ 2</h5> <a href="#">Đây là dạng liên kết văn bản khi ta bỏ trống đường dẫn (URL) !</a></body></html>Kết Quả hiển thị:
Lời kết
Link (liên kết) trong HTML là một công cụ rất hữu dụng đối với chúng ta trong việc trình bày bài viết cũng như SEO!
Ngoài ra, khi bạn biết chèn liên kết sẽ có ích cho bạn trong việc làm affiliate marketing và MMO.
Nếu có vấn đề cần giải đáp hãy để lại comment tại phần bình luận bên dưới.
▼ Hãy share bài viết nếu bạn thấy bài viết có ích! Hoặc xem lại khi bạn quên! Chúc bạn thành công!▼
nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với. So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
So với. nó so với. không So với. nó so với. thế So với. nó so với. vậy So với. nó so với.thì So với. nó so với. nên So với. nó so với. đâu So với. nó so với. dù So với. nó so với. đếnSo với. nó so với. dù So với. nó so với. đếnSo với.
Không có nhận xét nào:
Đăng nhận xét