#2 Cách đặt link cho chữ, hình ảnh đơn giản trong html

cach-chen-lien-ket-cho-chu-hinh-anh-trong-html

Đặ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é

chen-link-vao-chu

Ở 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:

Bùi Thiện Khánh’s Blog

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ự.

Cách làm tương tự:
HTML Code:

a href="https://buithienkhanh.com" target="_blank"><img src="https://buithienkhanh.com/wp-content/uploads/2021/08/logo-Web-BuithienkhanhBlog.png" alt="Logo"

Trong đó:
  • 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:logo Bùi Thiện Khánh

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

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x