Cách liên kết trang này với trang khác trong html
|
Các siêu liên kết được trình duyệt web sử dụng để di chuyển từ trang này sang trang khác. Tuy nhiên, bạn cũng có thể di chuyển đến một khu vực khác trên cùng một trang. Các phần sau đây chỉ cho bạn cách liên kết đến phần trên cùng, dưới cùng hoặc một phần cụ thể trên trang web. Chọn một phương pháp từ danh sách sau hoặc khám phá cả hai tùy chọn Show Ghi chú Ngày nay, tất cả các trình duyệt vẫn nhận ra "#" là cách khả thi để di chuyển lên đầu hoặc cuối trang. Tuy nhiên, phương pháp này không được dùng nữa và có thể không hoạt động trong các phiên bản HTML trong tương lai. Chúng tôi khuyên bạn nên sử dụng phương thức id thay vì phương thức này hiện tại và linh hoạt hơn Sử dụng #top hoặc #bottomThe following examples use #top and #bottom with the tag and href attribute to link to that section of the page. This method is similar to using "id," but you don't have to pick a specific element. Click "Top" or "Bottom" in the Results section to see what happens. ví dụTop Bottom Kết quảSử dụng bộ chọn idTrong CSS, "id" là một bộ chọn được sử dụng để chỉ định một khu vực mà một liên kết sẽ trỏ đến, tương tự như anchor trong HTML. Điều thú vị khi sử dụng id là bạn có thể tạo liên kết đến bất kỳ thành phần nào trên trang, thay vì chỉ phần trên cùng hoặc dưới cùng. Trong các phần sau, chúng tôi chỉ cho bạn cách áp dụng id cho thẻ HTML và sau đó là cách liên kết với nó. Hai ví dụ sau liên kết đến đoạn mở đầu ở đầu trang này Sử dụng bộ chọn #id
Tạo một liên kết đến bộ chọnhref="#opening">Take me to the opening paragraph. Kết quảSử dụng bộ chọn #id từ một trang khácBạn cũng có thể chuyển đến một phần cụ thể của trang web khác bằng cách thêm #selector vào URL của trang. href="https://www.computerhope.com/issues/ch000049.htm#opening">Take me to the opening paragraph. Kết quảHoàn thành ví dụ mã trang HTMLĐoạn mã sau cho biết cách cả hai neo #top và #bottom và bộ chọn id đều có thể được sử dụng trên cùng một trang Liên kết hoặc siêu liên kết là kết nối từ tài nguyên web này sang tài nguyên web khác. Liên kết cho phép người dùng di chuyển liền mạch từ trang này sang trang khác, trên bất kỳ máy chủ nào ở bất kỳ đâu trên thế giới Một liên kết có hai đầu, được gọi là neo. Liên kết bắt đầu tại điểm neo nguồn và trỏ đến điểm neo đích, có thể là bất kỳ tài nguyên web nào, ví dụ: hình ảnh, âm thanh hoặc clip video, tệp PDF, tài liệu HTML hoặc một phần tử trong chính tài liệu đó, v.v. Theo mặc định, các liên kết sẽ xuất hiện như sau trong hầu hết các trình duyệt
Tuy nhiên, bạn có thể ghi đè lên điều này bằng CSS. Tìm hiểu thêm về liên kết tạo kiểu Cú pháp liên kết HTMLCác liên kết được chỉ định trong HTML bằng cách sử dụng thẻ Một liên kết hoặc siêu liên kết có thể là một từ, nhóm từ hoặc hình ảnh văn bản liên kết Bất cứ thứ gì giữa thẻ mở Thuộc tính URL tuyệt đối là URL bao gồm mọi phần của định dạng URL, chẳng hạn như giao thức, tên máy chủ và đường dẫn của tài liệu, v.v. g. , Đặt mục tiêu cho liên kếtThuộc tính
Hãy thử ví dụ sau để hiểu cách hoạt động cơ bản của mục tiêu liên kết Mẹo. Nếu trang web của bạn được đặt bên trong khung nội tuyến, bạn có thể sử dụng Tạo dấu neo đánh dấuBạn cũng có thể tạo các liên kết dấu trang để cho phép người dùng chuyển đến một phần cụ thể của trang web. Dấu trang đặc biệt hữu ích nếu bạn có một trang web rất dài Tạo dấu trang là một quy trình gồm hai bước. trước tiên hãy thêm thuộc tính href của thẻ Mẹo. Bạn thậm chí có thể chuyển đến một phần của trang web khác bằng cách chỉ định URL của trang đó cùng với dấu neo (i. e. href, ví dụ: Tạo liên kết tải xuốngBạn cũng có thể tạo liên kết tải xuống tệp theo cách giống hệt như đặt liên kết văn bản. Chỉ cần trỏ URL đích tới tệp bạn muốn có sẵn để tải xuống Trong ví dụ sau, chúng tôi đã tạo liên kết tải xuống cho các tệp ZIP, PDF và JPG Ghi chú. Khi bạn nhấp vào liên kết trỏ đến tệp PDF hoặc tệp hình ảnh, tệp sẽ không được tải trực tiếp xuống ổ cứng của bạn. Nó sẽ chỉ mở tệp trong trình duyệt web của bạn. Hơn nữa, bạn có thể lưu hoặc tải xuống ổ cứng của mình thường xuyên |
