Thẻ A Trong HTML: Cách Tạo Liên Kết, Chèn Link

Home » Series » HTML Cơ Bản » [Bài 6] Thẻ a trong HTML: Cách tạo liên kết, chèn link

  • Facebook
Prev Article Next Article 5/5 - (3 bình chọn)Cách chèn link trong HTML

Cách chèn link trong HTML

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 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.

  • Facebook
Prev Article Next Article Tags:Html

Related Posts

HTML là gì Cách tạo table (Bảng) trong HTML Cách tạo danh sách, list trong html Bảng mã màu HTML Các thẻ trong trong phần HEAD file HTML Cách chèn ảnh, nhạc, video vào HTML

Bài viết mới

  • Tạo hiệu ứng zoom out hình ảnh bằng jquery
  • Quản lý danh sách công việc và ghi chú trong Sublime Text
  • [Bài 3]: Sử dụng các plugin tiện ích cho Sublime Text 3
  • [Bài 2]: Những phím tắt trong Sublime Text 3
  • [Bài 1]: Hướng dẫn cài đặt và sử dụng Sublime Text 3

Danh mục

  • Bài tập Jquery
  • HTML Cơ Bản
  • HTML5 Cơ Bản
  • Jquery Cơ bản
  • Laravel
  • Phần mềm
  • PHP Cơ Bản
  • Series
  • Sử dụng Sublime Text 3
  • Thủ Thuật
  • Wordpress

Từ khóa » Thẻ Chèn Link Trong Html