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
thẻ a tạo liên kết trong html <!- Ví dụ về thẻ a, tạo liên kết về website alan tiến -> <a href=”http://https://alantien.com/”>Website Alan Tiến</a> 12 <!-Vídụvềthẻa,tạoliênkếtvềwebsite alan tiến-><ahref=”http://https://alantien.com/”>Website Alan Tiến</a>
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
liên kết gửi email <a href=”mailto:alantien99@gmail.com”>alantien99@gmail.com</a> 1 <ahref=”mailto:alantien99@gmail.com”>alantien99@gmail.com</a> 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
link liên kết mở file .doc <a href=”ex.doc”>Mở file ex.doc</a> 1 <ahref=”ex.doc”>Mởfile ex.doc</a> 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
link liên kết mở file .doc <a href=”#”>Neo liên kết</a> 1 <ahref=”#”>Neo liênkết</a> 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.
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.
ví dụ về tag a html <a href=”https://alantien.com/” title=”Website của Alan Tiến” >Website Alan Tiến</a> 1 <ahref=”https://alantien.com/”title=”Website của Alan Tiến”>Website Alan Tiến</a> 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
thẻ a tạo liên kết trong html <a href=”http://https://alantien.com/” target=”_bank”>Website Alan Tiến</a> 1 <ahref=”http://https://alantien.com/”target=”_bank”>Website Alan Tiến</a> 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.
thẻ a tạo liên kết trong html <a href=”http://https://alantien.com/” title=”Website Alan Tiến” target=”_bank”>Website Alan Tiến</a> 1 <ahref=”http://https://alantien.com/”title=”Website Alan Tiến”target=”_bank”>Website Alan Tiến</a>
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 4.87 (97.33%) 15 votes
