HTML Hyperlink

Hyperlink là gì?

Hyperlink được sử dụng để tạo ra liên kết khi click vào sẽ nhảy tới một trang khác. Để tạo ra các liên kết này ta sử dụng cặp thẻ <a>.

Cấu trúc cơ bản của 1 hyperlink sẽ như sau

<a href="đường link">Thông tin link</a>
ví dụ muốn link đến trang Google ta sẽ dùng code như sau:

<a href="http://google.com">Google</a>

Liên kết cục bộ (Local link)

Khi các trang cùng thuộc 1 website ta có thể bỏ phần đầu ví dụ có link http://plcgroup.org/2017/07/ trong cùng trang website http://plcgroup.org ta có thể rút gọn đường link như sau:

<a href="/2017/07/">Link</a>

Liên kết trên hình ảnh

Thay vì điền thông tin của link một số trường hợp ta có thể click vào hình ảnh sẽ nhảy ra một link mới. Để chèn một hình ảnh vào ta sử dụng thẻ <img>

Ví dụ sau khi click vào ảnh a.jpg sẽ nhảy sang google.com

<a href="http://google.com">  <img src="a.jpg"></a>

Email link

Khi nhấn vào link muốn mở ra cửa sổ soạn thảo mail thì ta có thể sử dụng đoạn code như sau ( đằng sau mail to: là địa chỉ của người nhận mail.

 <a href="mailto: someone@example.com">here</a>

 

Comments

comments