Thẻ HTML nào được sử dụng để tạo dấu trang?

Kiếm thu nhập với kỹ năng HTML của bạn

Đăng ký và chúng tôi sẽ gửi cho bạn những cơ hội làm việc tự do tốt nhất ngay trong hộp thư đến của bạn.
Chúng tôi đang xây dựng thị trường việc làm tự do lớn nhất dành cho những người như bạn.

Liên kết HTML – Tạo Dấu trang. Các liên kết HTML có thể được sử dụng để tạo dấu trang, với mục tiêu là người đọc có thể chuyển đến các phần cụ thể của trang web

Cách đánh dấu trang HTML

HTML anchor hoặc Html Bookmark rất hữu ích, nếu bạn có một trang dài mà bạn cần cho phép người dùng nhanh chóng điều hướng đến các phân đoạn khác nhau trong một trang web tương tự hoặc bạn có thể điều hướng đến vị trí được nhắm mục tiêu của trang khác

The Anchor tag < a > … is using for creating bookmark links.

Tạo một Bookmark trong HTML

Dấu trang có thể hữu ích nếu trang web quá dài

Để tạo dấu trang – trước tiên hãy tạo dấu trang, sau đó thêm liên kết vào đó

Tại thời điểm khi nhấp vào liên kết, trang sẽ nhìn xuống hoặc nhìn lên vị trí có dấu trang

Ví dụ

Để bắt đầu, hãy sử dụng thuộc tính id để tạo dấu trang

Chapter 4

Tại thời điểm đó, hãy thêm một liên kết đến dấu trang [“Chuyển đến Chương 4”], từ bên trong một trang tương tự

Ví dụ

Jump to Chapter 4

Tương tự như vậy, bạn có thể thêm một liên kết đến một dấu trang trên một trang khác

Jump to Chapter 4

Tóm tắt chương

• Sử dụng thuộc tính id [id=”value”] để xác định dấu trang trong một trang
• Sử dụng thuộc tính href [href=”#value”] để liên kết tới dấu trang

Cảm ơn vì đã đọc. Chúng tôi hy vọng bạn thấy hướng dẫn này hữu ích và chúng tôi rất muốn nghe phản hồi của bạn trong phần Nhận xét bên dưới. Và cho chúng tôi thấy những gì bạn đã học được bằng cách chia sẻ ảnh và dự án sáng tạo của bạn với chúng tôi

HTML anchor hoặc Html Bookmark rất hữu ích nếu bạn có một trang dài mà bạn muốn cho phép người dùng nhanh chóng điều hướng đến các phần khác nhau trong cùng một trang web hoặc bạn có thể điều hướng đến vị trí được nhắm mục tiêu của trang web khác

Thẻ neo < a >. đang sử dụng để tạo liên kết dấu trang

Điều hướng trong Tài liệu HTML

Đây là một ví dụ về trang Html và một dấu trang trong đó. Khi người dùng nhấp vào liên kết "GoTO Bottom", trang sẽ cuộn xuống và đến nơi bạn đã đánh dấu trang ở cuối trang

Điều đầu tiên bạn cần tạo một liên kết mà người dùng có thể nhấp vào để chuyển đến dấu trang

Bước tiếp theo, bạn cần đặt một Anchor trong trang của mình, nơi bạn muốn người dùng có thể đi đến "Dưới cùng"

Liên kết trong một trang

Here is the full HTML page example of bookmark link. For working purpose you have to put some more < br > statement in HTML page or fill the page with lot of contents instead of < br > tags.

Mã nguồn HTML

Khi bạn nhấp vào liên kết "GoTO Bottom", trang sẽ cuộn xuống và đặt dấu trang "Dưới cùng" ở đầu trình duyệt

Bạn có thể liên kết đến một dấu trang trên một trang khác, bạn nên đề cập đến url của trang đó với tên dấu trang trong thuộc tính href

Ở đây khi bạn nhấp vào "Mục lục" liên kết điều hướng đến trang khác [ở đây chỉ mục. html] khu vực được đánh dấu

Nhập Quay lại đầu trang để tạo liên kết văn bản tới dấu trang. Xác minh rằng tên dấu trang chính xác theo dấu “#”. Sử dụng bất kỳ văn bản nào cho liên kết; .

Dấu trang hữu ích khi bạn muốn ghi nhớ trang web để tham khảo sau này. Bạn có thể truy cập vào dấu trang đó bất cứ lúc nào để xem lại trang web

Chúng tôi sử dụng các liên kết HTML để tạo dấu trang, nhờ đó chúng tôi có thể chuyển đến các phần cụ thể của trang web

Dấu trang có thể hữu ích nếu trang web dài. Khi chúng ta nhấp vào liên kết, trang sẽ cuộn xuống hoặc lên đến vị trí có dấu trang được chỉ định trên trang web

cú pháp

Đầu tiên chúng ta nên sử dụng thuộc tính id để tạo bookmark

text…

Sau đó, thêm một liên kết vào dấu trang, để chuyển trong cùng một trang hoặc một trang khác

heading of the section

Ví dụ

Sau đây là ví dụ cho việc liên kết một phần của cùng một trang web

   Jump to RAJYA SABHA

   Jump to PRESIDENT OF INDIA
   
PARLIAMENT
   
The Parliament House in New Delhi is the seat of the Parliament of India. Its houses the Lok Sabha and the Rajya Sabha which represent lower and upper houses respectively in India's bicameral parliament. 
   
PRESIDENT OF INDIA
   
Ram Nath Kovind is an Indian politician serving as the 14th and current President of India 
   
LOK SABHA
   
Lok Sabha is composed of representatives of the people chosen by direct election.
 The maximum strength of the House of the Constitution is 552.
   
RAJYA SABHA
   
The ‘Council of States’ which is also known as Rajya Sabha

  

Khi chúng tôi nhấp vào Chuyển đến RAJYA SABHA, nó sẽ điều hướng đến phần RAJYA SABHA của cùng một trang

Khi ta click vào Jump to PRESIDENT OF INDIA sẽ chuyển đến mục PRESIDENT OF INDIA của cùng trang

Ví dụ

Sau đây là một ví dụ khác cho việc liên kết một phần của cùng một trang web

   
HTML Bookmark Link


   Tutorials
   

      Learn about Scripting Languages
   
   
Programming
   
Here are the tutorials on Programming.
   
Mobile
   
Here are the tutorials on App Development
   
Design
   
Here are the tutorials on Website Designing
   
Databases
   
Here are the tutorials on Databases.
   
Networking
   
Here are the tutorials on Networking
   
Java Technologies
   
Here are the tutorials on Java Technologies.
   
Digital Marketing
   
Here are the tutorials on Digital Marketing.
   

      Link.