Maaari kang lumikha ng isang maginhawa at madaling gamitin na pag-navigate sa site gamit ang mga link. Pinapayagan ka ng pamamaraang ito na gawing komportable ang pananatili ng gumagamit sa mga mapagkukunang pahina hangga't maaari.
Panuto
Hakbang 1
Ang anumang link ay nilikha gamit ang isang tag na dapat sarhan. Ang address ng pahina ay ipinahiwatig sa mga quote pagkatapos ng katangiang href. Ang resulta ay dapat na isang bagay tulad nito:
Website
Pumunta sa gallery ng larawan
Upang mag-navigate sa isang pahina na naroroon sa puwang ng Internet, ipahiwatig ang address nito, halimbawa, KakProsto.ru. Upang kumonekta sa html file sa iyong computer, isulat ang landas dito. Mainam, ipinapayong lumipat sa Ingles upang maalis ang mahabang mga rekord na lumitaw kapag kumopya ng isang teksto na wikang Ruso kasama ang kasunod na pagsasalin sa kinakailangang format. Halimbawa, file: /// 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"
Hakbang 2
Ang link ay maaaring itakda sa anyo ng isang larawan. Upang magawa ito, isara ang imahe sa pagitan ng mga at: tag. Upang buksan ang isang ganap na paglalarawan ng isang mas malaking sukat kapag nag-hover ka sa isang maliit na icon, kailangan mong gumamit ng isang bungkos.
Upang ayusin ang isang kahaliling pagbabago ng mga larawan, ang bawat isa ay ipapakita bilang isang link at hahantong sa iba't ibang mga pahina, gamitin ang code:
Website
div # rotator {posisyon: kamag-anak; taas: 150px; margin-left: 15px;}
div # rotator ul li {float: left; posisyon: ganap; list-style: wala;}
div # rotator ul li.show {z-index: 500;}
i-andar angRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('paikutin ()', 5000);
}
paikutin ang pagpapaandar () {
var current = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). haba)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: una'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
susunod.css ({opacity: 0.0})
.addClass ('show')
.animate ({opacity: 1.0}, 1000);
current.animate ({opacity: 0.0}, 1000)
.removeClass ('show');
};
$ (dokumento). handa na (pagpapaandar () {
theRotator ();
});
Hakbang 3
Upang ang pahina kung saan humantong ang link na magbukas sa isang hiwalay na window, dapat mong idagdag ang katangian: Pumunta.
Hakbang 4
Kung ang dokumento ng html ay masyadong mahaba, maaari mong ilagay ang mga link sa loob nito. Halimbawa, sa simula pa lang, maaari kang gumawa ng isang talaan ng mga nilalaman, at kapag nag-click ka sa isang tukoy na heading, lilipat ang gumagamit sa nais na bahagi ng pahina. Upang magawa ito, kailangan mong magrehistro ng isang link na may isang # icon: Pumunta sa seksyon at lumikha ng mga bookmark sa mga link: Seksyon.
Ganito ang magiging hitsura nito:
Website
Mag-link sa seksyon
Seksyon
