[Học HTML] Bài 07: Chèn link, liên kết trong HTML

Trong bài này chúng ta sẽ cùng tìm hiểu cách chèn link (liên kết) trong HTML. Cái này sẽ ứng dụng nhiều để chèn liên kết trong bài viết, bình luận, menu,…

Chèn link trong HTML

Để chèn link trong HTML các bạn chèn nội dung bao gồm link mô tả vào trong cặp thẻ <a .... </a> như ví dụ sau:

Nếu bạn muốn mở liên kết trong một tab mới thì thêm đoạn target="_blank" vào là được. Các bạn thêm như sau:

Thêm liên kết đến một dòng văn bản xác định

Cái này người ta gọi là liên kết NEO hay Anchor Link gì đấy. Cái này dùng khi các bạn click vào link thì nó chuyển đến ngay dòng có chứa đoạn văn bản giống mà bạn đã đặt sẵn trước đó. Tham khảo ví dụ sau nhé:

Các bạn để ý cách làm như sau:

  • Đầu tiên cứ copy ở đâu đó một trang văn bản với nhiều đoạn, copy cái đoạn HTML mình đã ví dụ cho nhanh.
  • Tạo ngay ở phần đầu trang các Link tương ứng như  <a href="#phan-hai">Phần hai</a>
  • Chọn một vị trí bất kỳ trong văn bản, ví dụ mình chọn ở đầu một đoạn văn bất kỳ như ví dụ trên và tạo một id tương ứng: <p id="phan-hai"><strong>Phần hai</strong></p>  >> như vậy là khi người dùng click vào link Phần hai ở đầu trang văn bản thì nó sẽ chuyển đến vị trí có chứa id là “phan-hai” và đặt bên cạnh nó đoạn văn bản in đậm nữa là ok.

Đấy, bài này cũng chỉ vậy thôi, các bạn làm theo các ví dụ minh họa, từ đó làm đi làm lại nhiều lần với nhiều mẫu khác nhau để hình dung thêm.

Bài này cũng đã tạm khép lại Serie Học HTML Cơ Bản tại Hocban.vn rồi đó các bạn. Có thể nói những nội dung mình đưa ra ở đây còn rất ít, chỉ có thể đáp ứng được nhu cầu làm quen với HTML, còn nhiều nội dung lắm các bạn phải tự tìm hiểu thêm trên w3c hoặc các tài liệu hướng dẫn khác trên Internet.

Trong phần tìm hiểu về CSS chúng ta sẽ tìm hiểu nhiều hơn nữa về HTML vì hai món này nó thường đi kèm với nhau mà.  Oke, cảm ơn các bạn đã quan tâm và hẹn gặp lại !

Bài học trước đó và tiếp theo

[Học HTML] Bài 07: Chèn link, liên kết trong HTML
3 (60%) 1 vote
- TÁC GIẢ BÀI VIẾT -

Hocban.vn

Tác giả tại Tịnh Nguyễn Blog
Bài viết bạn vừa xem được thực hiện bởi Tịnh Nguyễn, một thanh niên đẹp zai chuẩn sói ca, có sở thích vọc vạch về máy tính và Internet, hiện tại là ác min của Hocban.vn. Đây là các bài viết của anh ấy !
Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

16 bình luận

Viết bình luận theo mẫu

(Các mục bắt buộc được đánh dấu * )