Bạn có thể tạo điều hướng thuận tiện và trực quan trên trang web bằng cách sử dụng các liên kết. Kỹ thuật này cho phép bạn làm cho việc lưu lại của người dùng trên các trang tài nguyên một cách thoải mái nhất có thể.
Hướng dẫn
Bước 1
Mọi liên kết được tạo bằng thẻ phải được đóng bằng. Địa chỉ trang được chỉ ra trong dấu ngoặc kép sau thuộc tính href. Kết quả sẽ như thế này:
Trang mạng
Đi tới thư viện ảnh
Để điều hướng đến một trang có trong không gian Internet, hãy chỉ ra địa chỉ của trang đó, ví dụ: KakProsto.ru. Để kết nối với tệp html trên máy tính của bạn, hãy viết đường dẫn đến tệp đó. Tốt nhất, bạn nên chuyển sang tiếng Anh để loại bỏ các bản ghi dài phát sinh khi sao chép một văn bản tiếng Nga với bản dịch sau đó sang định dạng cần thiết. Ví dụ: tệp: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA% D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80 % D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC% 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html"
Bước 2
Liên kết có thể được đặt dưới dạng một bức tranh. Để thực hiện việc này, hãy đặt hình ảnh giữa các thẻ và: Để mở một hình minh họa chính thức có kích thước lớn hơn khi bạn di chuột qua một biểu tượng nhỏ, bạn cần sử dụng một loạt.
Để sắp xếp thay đổi thay thế các hình ảnh, mỗi hình ảnh sẽ được trình bày dưới dạng một liên kết và dẫn đến các trang khác nhau, hãy sử dụng mã:
Trang mạng
div # rotator {vị trí: tương đối; chiều cao: 150px; margin-left: 15px;}
div # rotator ul li {float: left; vị trí: tuyệt đối; list-style: none;}
div # rotator ul li.show {z-index: 500;}
function theRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('xoay ()', 5000);
}
chức năng xoay () {
var current = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: first'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
next.css ({opacity: 0.0})
.addClass ('show')
.animate ({opacity: 1.0}, 1000);
current.animate ({opacity: 0.0}, 1000)
.removeClass ('show');
};
$ (tài liệu).ready (function () {
theRotator ();
});
Bước 3
Để trang mà liên kết dẫn đến mở trong một cửa sổ riêng biệt, bạn phải thêm thuộc tính: Go.
Bước 4
Nếu tài liệu html quá dài, bạn có thể đặt các liên kết bên trong nó. Ví dụ, ngay từ đầu, bạn có thể tạo mục lục và khi bạn nhấp vào một tiêu đề cụ thể, người dùng sẽ chuyển đến phần mong muốn của trang. Để thực hiện việc này, bạn cần đăng ký một liên kết có biểu tượng #: Đi tới phần và tạo dấu trang cho các liên kết: Phần.
Nó sẽ trông giống thế này:
Trang mạng
Liên kết đến phần
Phần
