Thẻ Tạo Liên Kết - Code Lean
Có thể bạn quan tâm
Bài đăng nổi bật
Kill Port 8080
21:33 Trang chủCSS Thẻ tạo liên kết 17:29 0 Nhận xétThẻ tạo liên kết: a
Ta có thể thấy liên kết (link) ở hầu hết các trang web. Người dùng nhấp chuột vào các liên kết để di chuyển giữa các trang web.Liên kết - Siêu liên kết
Liên kết trong mã HTML còn được gọi là siêu liên kết (hyperlink). Ta có thể nhấp chuột (click) vào một liên kết để đi đến một trang web khác. Khi ta di chuyển chuột lên trên một liên kết, con trỏ chuột sẽ biến thành hình bàn tay. Chú ý: Ta thường dùng chữ để hiển thị liên kết. Nhưng ta cũng có thể dùng ảnh hoặc các thành phần HTML khác để hiển thị liên kết.Cú pháp của liên kết
Trong mã HTML, liên kết được định nghĩa bằng thẻ <a>: <a href="url">tên liên kết hiển thị ở đây</a> <a href="http://codelean.vn/">Website Codelean</a> Thuộc tính href để chỉ ra địa chỉ trang web(URL) mà liên kết sẽ dẫn đến (http://bob.codegym.vn/lessons/). Phần chữ của liên kết giữa 2 thẻ <a> </a> là phần người dùng nhìn thấy trên trang web(Codegym's lessons). Nhấp chuột vào phần chữ của liên kết sẽ chuyển ta đến địa chỉ trang web trong thuộc tính href. Chú ý: Nếu không có dấu gạch chéo (/) phía sau địa chỉ thư mục con của tên miền (http://bob.codegym.vn/lessons), ta có thể sẽ gửi 2 request đến server. Tuy nhiên nhiều server sẽ tự động thêm dấu gạch chéo vào địa chỉ trang web, sau đó tạo một request mới để xử lý tiếp. Bởi vì http://bob.codegym.vn/lessons và http://bob.codegym.vn/lessons/ là 2 URL khác nhau.Liên kết cục bộ
Ví dụ trên dùng một địa chỉ URL tuyệt đối (địa chỉ đầy đủ của trang web). Ta có thể dùng một liên kết cục bộ khi trỏ đến địa chỉ trên trang web của chính mình. Liên kết cục bộ có thuộc tính href là một địa chỉ URL tương đối (không có http://www...) <a href="course">Các khóa học</a>Màu sắc của liên kết
Mặc định, liên kết sẽ có màu như sau (trên tất cả trình duyệt):- Liên kết chưa bị click vào sẽ có màu xanh và được gạch chân.
- Liên kết đã bị click sẽ có màu tím và được gạch chân.
- Liên kết đang bị click lên sẽ có màu đỏ và được gạch chân.
Thuộc tính target của một liên kết
Thuộc tính target cho trình duyệt biết cách mở ra trang web trong thẻ href. Thuộc tính target có thể là một trong các giá trị sau:- _blank - Mở liên kết trong một cửa sổ hoặc một tab mới của trình duyệt
- _self - Mở liên kết trong tab/cửa sổ hiện tại của trình duyệt (Không cần khai báo cũng được vì đây là mặc định của thẻ <a>)
- _parent - Mở liên kết trong parent frame
- _top - Mở liên kết trong cửa sổ chính
Dùng liên kết để tạo một đánh dấu trang(bookmark)
Bookmark được dùng để người đọc nhảy đến phần khác trên cùng một trang web. Bookmarks rất hữu ích khi trang web quá dài. Để tạo một bookmark, ta thêm liên kết vào danh sách đánh dấu trang. Khi liên kết được click, trang web sẽ cuộn xuống phần đã được đánh dấu. Ví dụ Đầu tiên, tạo một bookmark bằng thuộc tính id của thẻ: <h2 id="C4">Chapter 4</h2> Sau đó, thêm liên kết cục bộ cho bookmark ở cùng một trang web: <a href="#C4">Jump to Chapter 4</a> Hoặc thêm liên kết sang một trang khác: <a href="https://www.codelean.vn/2020/01/cac-tieu-e-va-oan-van-ban.html">Heading's Tag and Paragrap</a> <a href="https://www.codelean.vn/2020/01/cac-tieu-e-va-oan-van-ban.html">Heading's Tag and Paragrap</a> <p><a href="#C4">Jump to Chapter 4</a></p> <p><a href="#C6">Jump to Chapter 6</a></p> <p><a href="https://www.codelean.vn/2020/01/cac-tieu-e-va-oan-van-ban.html#C6" target="_blank">Các thẻ tiêu đề và văn bản</a></p> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2 id="C4">Chapter 4</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 5</h2> <p>This chapter explains ba bla bla</p> <h2 id="C6">Chapter 6</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 7</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 8</h2> <p>This chapter explains ba bla bla</p>Đường dẫn bên ngoài
Có thể liên kết đến các trang bên ngoài bằng một địa chỉ URL đầy đủ hoặc đường dẫn tương đối so với trang web hiện tại. Ví dụ dưới dùng một đường dẫn URL đầy đủ để liên kết đến trang web: <a href="http://codeleanvn/user/profile.php?id=3"> URL đầy đủ </a> Ví dụ dưới liên kết đến trang web trong thư mục user của website hiện tại: <a href="/user/profile.php?id=3"> URL tương đối cho trang bên trong thư mục user </a> Ví dụ dưới liên kết đến trang web trong cùng thư mục với trang web hiện tại: <a href="/profile.php?id=3"> URL tương đối cho trang cùng thư mục với trang hiện tại </a>Tóm tắt
- Dùng thẻ <a> để định nghĩa một liên kết
- Dùng thuộc tính href để định nghĩa địa chỉ của liên kết
- Dùng thuộc tính target để định nghĩa cách trình duyệt mở liên kết
- Dùng thẻ <img> bên trong thẻ <a> để tạo liên kết bằng ảnh
- Dùng thuộc tính id (id="bookmark_1") để tạo bookmark cho trang web
- Dùng thuộc tính href (href="#bookmark_1") để liên kết đến bookmark có id = bookmark_1
You might like
Hiện thêmPost a Comment
Đăng nhận xét
Mới hơn Cũ hơnFollow Us
Chủ Đề Tôi Quan Tâm ;)
- .Net
- .net core
- Agile
- AI
- AngularJS
- Anroid
- AP
- Azure
- BDW
- Bootstrap
- c
- C#
- Cấu Trúc Dữ Liệu và Giải Thuật
- CodeLean
- CSDL
- CSS
- Database
- Design Pattern
- DesignThinking
- DevOps
- Docker
- Git
- github
- HTML
- Index
- ISA
- Java
- Java1
- Java2
- JavaAdvanced
- JavaCore
- JavaScript
- JSP & Servlet
- Laravel Framework
- Laravel9
- Lập trình C
- LINQ
- MLJ
- MySQL
- NodeJS
- OOAD
- PHP
- Programming
- Python
- QA
- React Native
- Spring Boot
- Spring Framework
- SQL
- Teaching
- Test
- Thiết Kế Website
- Tools
- TypeScript
- Web Development
- WebAPI
Most Popular
Chuẩn hoá dữ liệu là gì? 1NF, 2NF, 3NF & BCNF với các ví dụ
11:57[MySQL 05] Mô hình ER là gì và ví dụ
12:08Tìm Phủ Tối thiểu của một Hàm
12:29Xác định khóa, Tìm phủ tối thiểu, Chuẩn hóa dữ liệu
16:36Big O: Cách tính độ phức tạp của thời gian và không gian
16:37Bắt đầu học Node.js với Visual Studio Code
10:07[Web API] Hướng dẫn từ cơ bản tới nâng cao Web API ASP.NET
19:21[MySQL 02] Hướng dẫn sử dụng MySQL Workbench
11:32Hướng dẫn sửa cấu hình để chạy Dự Án Laravel từ Source Code có sẵn
14:59[JSP & Servlet] Tạo Web Application JSP Servlet Sử dụng JSTL với Tomcat 10 trên IntelliJ
21:27Biểu mẫu liên hệ
Từ khóa » Cách Tạo Liên Kết Trong Html
-
Thẻ Tạo Liên Kết HTML
-
Cách Tạo Một Cái Liên Kết (Link) Trong HTML - Web Cơ Bản
-
Bài 14: Các Liên Kết Trong HTML - Tìm ở đây
-
Link (liên Kết) Trong HTML, Cú Pháp, Ví Dụ Minh Họa - Thủ Thuật
-
Bài 10: Thẻ A Trong HTML – Thẻ Tạo Link Liên Kết Trong HTML
-
Liên Kết Trong HTML - WebVN
-
Link Html - Tạo Liên Kết Các Nội Dung Trên Website
-
Hướng Dẫn Cách Chèn Link - Liên Kết Trong HTML Dễ Hiểu
-
Cách Tạo Link Liên Kết Trong Web - Hàng Hiệu
-
[HTML/HTML5] Phần 14: Liên Kết Trong HTML | DAMMIO
-
Học HTML - Thẻ Tạo Liên Kết Và Liên Kết Neo - Thạch Phạm
-
Bài 5: Chèn Liên Kết Vào Trang Web Với Thẻ A Trong HTML
-
Liên Kết Trong HTML5 - Comdy
-
Liên Kết Trong HTML - TEDU