logo-alantien

a href là gì | Tạo liên kết bằng thẻ a href trong html

Tác giả: Alan Tiến

a href là gì

A href là một tag html cực kỳ quan trọng được sử dụng thường xuyên, có tác dụng tạo liên kết trong html. Thẻ a có nhiều thuộc tính giúp chúng ta dễ dàng tạo liên kết đến một link, website, email hoặc một file nào đó…

Cú pháp: <a href=”link liên kết” >nội dung liên kết </a>

Các bạn nhớ tag a khi mở phải có đóng lại: <a> </a>. Dưới đây là ví dụ cơ bản về thẻ a.

See the Pen A href  là gì | cách sử dụng tạo liên kết trong html by alantien (@alantien) on CodePen.dark


Các trình duyệt hổ trợ thẻ a tạo liên kết trong html

HTML Tag
<a> Yes Yes Yes Yes Yes

Mặc định khi sử dụng thẻ link trong html sẽ có màu xanh (blue) và gạch chân nếu chúng không css cho link.

Các ví dụ về dùng thẻ a tạo liên kết trong html

Link liên kết gửi email trong html

Kết quả: alantien99@gmail.com .Khi click vào sẽ mở ra một hộp thư dùng để gửi email.

Link liên kết mở file .doc trong html

Kết quả:Mở file ex.doc. Bạn có thể áp dụng cho tất cả các file như php, pdf, xls…

Neo văn bản trong html

Kết quả: Neo liên kết. Khi click vào sẽ không có tác dụng gì cả, thường được sử dụng để tạo mục lục trong một bài viết.

Trong html, thẻ <a> cực kỳ quan trọng nó giúp chúng ta tạo liên kết theo ý muốn trong thiết kế. Chúng ta sử dụng thẻ a khắp mọi nơi trong html và không có quy tác nào dành cho thẻ a. Tag a cung cấp cho chúng ta những thuộc tính tùy vào mục đích sử dụng của bạn. Dưới đây là một số thuộc tính quan trọng của thẻ a trong html.

tao-lien-ket-bang-the-a-trong-html

Thuộc tính title trong thẻ a

Cú pháp: <a href=”link liên kết” title=”tiêu đề liên kết” >nội dung liên kết </a>.

Thuộc tính title giúp cho người dùng hay những bọ robots hiểu được liên kết này có ý nghĩa gì. Điều này rất tốt cho website của chúng ta.

Kết quả: Website Alan Tiến

Thuộc tính taget trong thẻ a

Chúng ta có các thuộc tính target thông dụng như sau:

  • _bank : mở một liên kết trong tab mới
  • _parent: Mở một liên kết trong cùng 1 tab
  • _self: Mặc định nếu chúng ta không sử dụng thuộc tính target trong thẻ a
  • _top: Có tính năng như _parent.

Ở đây chúng ta nên chú ý đến thuộc tính target=”_bank”. Thuộc tính này được sử dụng thường xuyên nhất. Các bạn có thể xem ví dụ ở dưới

Kết quả:Website Alan Tiến. Khi click vào sẽ mở ra một tab mới liên kết đến website alan Tiến.

Ngoài ra còn nhiều thuộc tính dành cho thẻ a nhưng rất ích khi dùng tới như rel, name… Mình sẽ giới thiệu sau cho các bạn ở các bài học tiếp theo. Thật ra tạo liên kết trong html rất đơn giản, dưới đây là một link liên kết chuẩn mà mình hay sử dụng trong series học html căn bản.

Chúc các bạn thành công và sử dụng thành thạo thẻ a để tạo liên kết trong html. Mọi thắc mắc có thể liên hệ với mình.

a href là gì | Tạo liên kết bằng thẻ a href trong html
5 (100%) 11 votes

Bạn có thể tìm thấy bài viết a href là gì | Tạo liên kết bằng thẻ a href trong html với các từ khóa sau:-, , ,

like

Gửi bình luận

loading...
  • Key đang SEO Top