[Bài 6] Tạo liên kết bằng thẻ <a>

Bạn đang ở bài 6 trong 11 bài của serie Học HTML cơ bản.

Trong 1 website thì bạn không thể thiếu thẻ <a> được, nó rất là quan trọng, nó là thẻ để chúng ta gán link vào, ví dụ như bạn bấm vào đây để về trang chủ.

Chúng ta cùng tìm hiểu về thẻ <a> để tạo liên kết nhé.

Cú pháp cơ bản của thẻ <a>:

<a href="Link muốn tới" target="các giá trị" title="Tiêu đề">Nội dung</a>

Các thuộc tính của thẻ <a>:

  • href là đường link đích muốn tới
  • title là tiêu đề cho đường link
  • target là các tùy chọn, nếu nó có giá trị (giá trị mặc định là _self):
    • _blank: mở link ở 1 tab mới
    • _self, _parent, _top: mở link trên tab hiện tại, tùy thuộc frame đang đứng, tuy nhiên với những web hiện đại, frame rất ít khi được sử dụng, do vậy nó gần giống như mở một trang ở tab đang sử dụng.

3 thuộc tính trên thường được sử dụng nhất nếu các bạn muốn tìm hiểu thêm về thuộc tính của thẻ <a> có thể tìm hiểu ở đây.

Bạn lưu ý, nội dung trong thẻ <a> có thể là 1 đoạn văn, hình ảnh, hay 1 button hoặc 1 thẻ nào đó.

Liên kết neo

Có thể bạn khá lạ khi nghe đến khái niệm này nhưng chắc hẳn bạn sẽ gặp ở đâu đó rồi, liên kết neo có nghĩa là nó chạy đến 1 vị trí trong bố cục của trang web. href sẽ có địa chỉ là href="#id_name", khi người dùng click vào link thì nó sẽ di chuyển đến phần thẻ có id="id_name". Ví dụ:

See the Pen Serie học HTML cơ bản – Bài 5 by BlogIT.vn (@blogitvn) on CodePen.

Lời kết:

Phần này chúng ta tìm hiểu về mỗi thẻ a nên học khá ngắn gọn, nhưng qua bài này thì bạn cũng đã biết cách làm thế nào để tạo được liên kết rồi phải không.

[Bài 6] Tạo liên kết bằng thẻ <a>
5 (100%) 5 votes

Bình luận

Hãy trở thành người đầu tiên bình luận!

Thông báo
avatar
wpDiscuz