Hướng dẫn cách chèn link (liên kết) trong HTML

Bài viết này mình sẽ hướng dẫn bạn cách chèn link (liên kết) trong HTML. Cái này được ứng dụng nhiều để chèn, tạo liên kết trong tổng thể website hoặc trong bài viết, bình luận và nhiều vị trí khác (có cho phép chèn HTML). Việc chèn link trong HTML nhiều ae chưa quen cũng thường tìm/ gọi nó là “code chèn liên kết” hoặc “code chèn link”, “cách tạo link liên kết trong web”,… không sao kiểu gì Google cũng dẫn dắt ae về bài viết này thôi mà ^^

Để chèn link trong HTML, bạn chèn nội dung bao gồm link và mô tả vào trong cặp thẻ <a .... </a> như các ví dụ tương ứng bên dưới. Bạn có thể xem demo chèn link bằng cách copy code bên dưới và dán vào công cụ HB Live Code sau đó sửa theo ý để dễ hình dung.

+ Chèn theo kiểu cơ bản nhất:

<a href= " https://hocban.vn/huong-dan-cach-chen-link-lien-ket-trong-html " > Cách chèn link trong HTML </a>

+ Nếu bạn muốn mở liên kết trong một tab mới thì thêm đoạn target="_blank" vào là được. Như ví dụ sau:

<a href= " https://hocban.vn/huong-dan-cach-chen-link-lien-ket-trong-html "target="_blank"> Cách chèn link trong HTML </a>

+ Nếu bạn muốn mở liên kết trong một tab mới và liên kết đó là liên kết noffolow khi làm SEO thì nó sẽ có dạng như ví dụ bên dưới:

<a href="https://hocban.vn/huong-dan-cach-chen-link-lien-ket-trong-html" target="_blank" rel="nofollow noopener">Cách chèn link trong HTML</a>

+ Link trỏ về trang tài trợ/ quảng cáo:

<a href="https://hocban.vn/huong-dan-cach-chen-link-lien-ket-trong-html" rel="sponsored">Link trỏ về nhà quảng cáo</a>

+ Link mở trong tab mới và tối ưu cho bảo mật:

<a href="https://hocban.vn/huong-dan-cach-chen-link-lien-ket-trong-html" target="_blank" rel="noopener noreferrer">Truy cập trang an toàn hơn</a>

Đấy, bài viết này nội dung cũng chỉ vậy thôi, các bạn làm theo các ví dụ minh họa, từ đó làm đi làm lại nhiều lần với nhiều mẫu khác nhau để hình dung thêm.