Kuidas Saidile Linki Kirjutada

Saidil saate linkide abil luua mugava ja intuitiivse navigeerimise. See tehnika võimaldab teil muuta kasutaja viibimise ressursside lehtedel võimalikult mugavaks.

Juhised

Samm 1

Iga link luuakse sildi abil, mis tuleb sulgeda. Lehe aadress on atribuudi href järel märgitud jutumärkides. Tulemus peaks olema umbes selline:

Veebisait

Minge fotogaleriisse

Internetiruumis olevale lehele navigeerimiseks märkige selle aadress, näiteks KakProsto.ru. Arvutis HTML-failiga ühenduse loomiseks kirjutage selle tee. Ideaalis on soovitatav minna üle inglise keelele, et välistada pikad kirjed, mis tekivad venekeelse teksti ja selle järgneva tõlkega vajalikus vormingus kopeerimisel. Näiteks fail: /// 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"

2. samm

Lingi saab määrata pildi kujul. Selleks lisage pilt siltide ja: vahele. Suurema täisväärtusliku illustratsiooni avamiseks, kui hõljutate kursorit väikese ikooni kohal, peate kasutama hunnikut.

Piltide vahelduva muutmise korraldamiseks, millest igaüks esitatakse lingina ja mis viib erinevatele lehtedele, kasutage koodi:

Veebisait

div # rotator {asend: suhteline; kõrgus: 150px; veeris vasakul: 15 pikslit;}

div # rotator ul li {ujuk: vasak; positsioon: absoluutne; list-style: puudub;}

div # rotator ul li.show {z-indeks: 500;}

funktsiooni theRotator () {

$ ('div # rotator ul li'). css ({läbipaistmatus: 0.0});

$ ('div # rotator ul li: first'). css ({läbipaistmatus: 1.0});

setInterval ('pöörata ()', 5000);

}

funktsioon rotate () {

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 ('näita'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: esimene'));

// var sibs = current.siblings ();

// var rndNum = Math.floor (Math.random () * sibs.length);

// var järgmine = $ (sibs [rndNum]);

next.css ({läbipaistmatus: 0.0})

.addClass ('show')

.animaalne ({läbipaistmatus: 1,0}, 1000);

current.animate ({läbipaistmatus: 0.0}, 1000)

.removeClass ('show');

};

$ (dokument).ready (funktsioon () {

theRotator ();

});

3. samm

Selleks, et leht, kuhu link viib, avaneks eraldi aknas, peate lisama atribuudi: Go.

4. samm

Kui HTML-dokument on liiga pikk, saate selle sisse panna lingid. Näiteks saate kohe alguses teha sisukorra ja kui klõpsate konkreetsel pealkirjal, liigub kasutaja lehe soovitud ossa. Selleks peate registreerima lingi ikooniga #: minge jaotisse ja looge järjehoidjad linkidele: jaotis.

See näeb välja selline:

Veebisait

Link jaotisele

Jagu