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
<!-- 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>
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
<a href="mailto:alantien99@gmail.com">alantien99@gmail.com</a>
Link liên kết mở file .doc trong html
<a href="ex.doc">Mở file ex.doc</a>
Neo văn bản trong html
<a href="#">Neo liên kết</a>
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.
<a href="https://alantien.com/" title="Website của Alan Tiến" >Website Alan Tiến</a>
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
<a href="http://https://alantien.com/" target="_bank">Website Alan Tiến</a>
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.
<a href="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.
