Đặt link cho vào chữ và cho hình ảnh trong html là những thẻ cơ bản và dễ sử dụng, nếu các bạn mới tìm hiểu về html thì có tham khảo bài viết bên dưới nhé
Ở trên là hình mình họa một Backlink. Được đặt link vào để điều hướng liên kết nội bộ trong trang. Nếu văn bản đang ở trình soạn thảo thì các bạn có thể nhấn và biểu tượng liên kết quá đơn giản. Nhưng nếu đang ở 1 trình soạn thảo bình luận, Commet hoặc ở 1 trình soạn thảo thiết kế khác không có được hỗ trợ thì buộc bạn phải biến thành code.
Xem thêm: Backlink là gì?
Trong bài này mình sẽ hướng dẫn bạn cách đặt link – liên kết trong HTML cho chữ và hình ảnh. từ đó bạn có thể vận dụng thêm để đặt vào số điện thoại hoặc E-mail.
Cái này được ứng dụng nhiều để chèn, đặt liên kết SEO Onpage trong tổng thể website hoặc trong bài viết, bình luận, menu,…
Đặt link vào chữ trong html
1. Đặt link cho chữ trong html
Cách làm như sau:
Đây là đoạn HTML Code:
<a href="https://buithienkhanh.com" target="_blank" title="Click để vào Webstie Bùi Thiện Khánh's Blog"> Bùi Thiện Khánh's Blog </a>
Trong đó
- href=”https://buithienkhanh.com”: Link click ra ngoài khi nhấp vào chữ
- target=”_blank” : Để click hiển thị ra cửa sổ mới
- title=”Click để vào Webstie Bùi Thiện Khánh’s Blog”: chữ hiển thị khi rê chuột vào chữ
Và ta sẽ có kết quả như sau:
1. Đặt link cho hình ảnh trong html
Tương tự việc đặt link vào chữ thì đặt link vào ảnh các bạn cũng làm tương tự.
a href="https://buithienkhanh.com" target="_blank"><img src="https://buithienkhanh.com/wp-content/uploads/2021/08/logo-Web-BuithienkhanhBlog.png" alt="Logo"
- Thẻ <a> (anchor – mỏ neo) được dùng để tạo ra các liên kết
- <img src=”Link hình ảnh bạn muốn hiển thị”
- href=”https://buithienkhanh.com”: Link click ra ngoài khi nhấp vào ảnh Logo
- target=”_blank” : Để click hiển thị ra cửa sổ mới
- href nếu là email thì viết
"mailto:youremail" - href là số điện thoại thì viết:
"tel:phonenumber"
Và ta sẽ có kết quả như sau:
Xem thêm: Cách tạo liên kết Neo (Anchor link) trong WordPress với 4 bước đơn giản
Thật đơn giản có đúng không nào, nhưng đối với những bạn mới nhập môn vào html hoặc mới bắt đâu tiếp xúc với viết bài viết và đặt liên kết thì cũng khá lúng túng trước việc này.
Lời kết:
Cách đặt link vào chữ, hình ảnh trong html để dẫn đến link đích bạn mong muốn hoặc đặt link vào hình ảnh để dẫn đến nơi bạn muốn hướng người đọc đến là thao tác đơn giản nhất khi nhập môn vào html, nhưng sẽ sử dụng suốt quá trình bạn làm việc, viết bài SEO hay thiết kế Website, rất tốt cho SEO
Chúc các bạn thành công
