Link-urile pot fi împărțite în două categorii:
link-uri către resurse externe - sunt create folosind o etichetă și sunt folosite pentru a extinde capacitățile documentului curent atunci când este procesat de browser;
hiperlinkuri- link-uri către alte resurse pe care utilizatorul le poate vizita sau descărca.

Cum să faci hyperlink-uri pe site

1. Structura legăturii

Hyperlinkurile sunt create folosind etichetă asociată... În interiorul etichetei se află text care va fi afișat pe pagina web. Textul linkului este afișat în browser subliniat, culoarea fontului este albastră; când treceți cu mouse-ul peste link, cursorul mouse-ului își schimbă aspectul.

Parametru de etichetă obligatoriu este atributul href care specifică adresa URL a paginii web.

indicator de legătură

Link-ul are două părți - indicatorși parte adresa. Indicator de legătură este o bucată de text sau o imagine vizibilă utilizatorului. Partea adresa link-ul nu este vizibil pentru utilizator, reprezintă adresa resursei la care este necesar să mergi.

Partea de adresă a linkului este formată din URL. URL(Uniform Resource Locator) - un localizator uniform de resurse. Când creați adrese pentru a separa cuvintele unul de celălalt, este recomandat să folosiți o cratimă mai degrabă decât o liniuță de subliniere. V vedere generala URL în următorul format:

Metoda de acces: // nume server: port / cale

Metoda de acces, sau protocol, schimbă date între stațiile de lucru în diferite rețele... Cele mai comune protocoale de transfer de date:

fișierul citește fișierul de pe discul local:

Fișier: /gallery/pictures/summer.html

http oferă acces la o pagină web utilizând protocolul HTTP:

Http://site.ru/

https este o implementare specială a protocolului HTTP care utilizează criptare (de obicei SSL sau TLS)

Https://site.ru/

ftp face o cerere către serverul FTP pentru un fișier:

Ftp: // pgu / director / bibliotecă

mailto începe o sesiune serviciu poștal cu destinația și gazda specificate:

Mailto: [email protected]

Numele serverului descrie Numele complet mașini din rețea, de exemplu, site.ru. Dacă numele serverului nu este specificat, atunci legătura este considerată locală, adică. se referă la aceeași mașină ca și documentul HTML care conține linkul.

Numărul portului TCP unde rulează serverul web. Acesta este un număr care trebuie specificat dacă metoda necesită un număr de port (serverele individuale pot avea propriul număr de port distinct). Dacă nu este specificat niciun port, este implicit portul 80. Porturi standard sunt:
21 - FTP
23 - Telnet
70 - Gopher
80 - HTTP

cale conține numele folderului în care se află fișierul.

2. Calea absolută și relativă

Când într-un link este specificat doar numele unui fișier, browserul presupune că fișierul se află în același folder ca și documentul care conține hyperlinkul. În practică, site-urile web conțin sute de documente care sunt postate în foldere separate pentru a le face mai ușor de gestionat. Pentru a conecta la un fișier din afara folderului care conține document curent, trebuie să specificați locația fișierului sau calea. HTML acceptă două tipuri de căi: absolute și relative.

Orez. 1. Un exemplu de structură de foldere

2.1. Calea absolută

Calea absolută indica locatie exacta fișier în întreaga structură de foldere de pe computer (server). Calea absolută către fișier oferă acces la fișier din resurse terță parte și conține următoarele componente:
1) protocol, de exemplu http (opțional);
2) domeniu ( Numele domeniului sau adresa IP a computerului);
3) folder (numele folderului indicând calea către fișier);
4) fișier (nume fișier).

Există două tipuri de înregistrare cale absolută- cu și fără indicație de protocol:

Http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

Dacă fișierul se află în folderul rădăcină, atunci calea fișierului va fi următoarea:

Http://site.ru/index.html

Dacă nu există un nume de fișier, se va încărca pagina web, care este setată implicit în setările serverului web (așa-numitul fișier index).

Http://site.ru/

De obicei, fișierul index este un document numit index.html. Prezența slash-ului final / înseamnă că adresa merge în folder, dacă nu este acolo - direct în fișier.

2.2. Calea relativă

Calea relativă descrie calea către documentul specificat în raport cu cel curent. Calea este determinată în funcție de locația paginii web pe care se află linkul. Legăturile relative sunt folosite pentru a crea legături către alte documente de pe același site. Când browserul nu găsește în link protocol http: //, caută respectivul document pe acelasi server.

O cale relativă conține următoarele componente:
1) folder (numele folderului indicând calea către fișier);
2) fișier (nume fișier).

Calea pentru legături relative are trei denumiri speciale:
/ arata spre directorul rădăcinăși spune că trebuie să porniți calea din directorul rădăcină a documentului și să mergeți în jos la următorul folder
./ indică folderul curent
../ urca un folder (director)

Principala diferență între o cale relativă și o cale absolută este că calea relativă nu conține numele folderului rădăcină și al folderelor părinte, ceea ce face adresa mai scurtă, iar dacă te muți de la un domeniu la altul, nu trebuie să înregistrați unul nou adresa absolută... Dar dacă o resursă terță parte se leagă, de exemplu, la imaginile dvs. cu adrese relative, atunci acestea nu vor fi afișate pe alt site.

3. Ancore

Ancore, sau link-uri interne, creează tranziții către diferite secțiuni ale paginii web curente, permițându-vă să navigați rapid între secțiuni. Acest lucru este foarte util atunci când există prea mult text pe pagină. Link-urile interne sunt create și folosind eticheta cu diferența că atributul href conține numele pointerului – așa-numitul ancoră, nu o adresă URL. Semnul # este întotdeauna plasat înaintea numelui indicatorului.

Tovarăși bărbați, și mai ales - șoferiști, am o întrebare pentru voi: de ce, trecând pe lângă o fată drăguță (mă refer la mine, desigur), claxonați? La început am crezut că claxonezi alte mașini, dar asta se întâmplă chiar și atunci când nu sunt mașini în apropiere. Apoi m-am gândit că s-ar putea să arăt ca un nebun, fără să mă gândesc la nimic, și așa mă anunțați, ei spun, „hei, vine mașina! Nu încerca să sari pe sub roți!”, dar claxonează chiar și când eu nu sunt asa aproape de drum... Și, în sfârșit, m-a convins faptul că doar bărbații claxonează.
Deci, de fapt, ce este această manifestare ciudată de atenție? Sau este un compliment de genul „b-bip, ești cool, ține-o tot așa!”? Este deosebit de distractiv când șoferii de camion claxonează și o sperie pe Masha, care este mereu cu mine. Asta e în capul oamenilor, nu?

E mai rău doar când niște nenorociți conduc și unul dintre ei iese pe geam să strige „hei sexy mom” sau așa ceva. Ar trebui să mă mulțumească cumva? Pleci atunci, parcă stropit cu rahat. O fac pur și simplu fără să o facă sau se așteaptă la un fel de reacție de la mine? Și ce fel de reacție poate exista? Evident, nu le voi zâmbi ca răspuns și nici nu le voi striga după ei „mulțumesc, băieți! Mi-ați crescut stima de sine. Putem petrece împreună?”

O altă subspecie de bărbați care flirtează sunt damele. Acesta este atunci când treci pe lângă un bărbat, de regulă, destul de neplăcut, și el se uită la tine direct, apreciativ și, în același timp, se atinge în zona penisului, ca și cum ar fi verificat dacă totul este la locul lui. sau deja, kayuk-ul. Și aici, mă întreb ce fel de mesaj este acesta? Poate că este un semnal secret care înseamnă ceva de genul „mmmm, ești atât de tare! Văzându-te mă face să vreau să mă ating aici”. Deși poate fi ceva de genul: „mmmmm, ești așa de cool! Din întâmplare nu știi bun remediu de la mâncărime în zona inghinală? și apoi doar într-una din zilele astea l-am pus pe o maramoyka, așa că acum cuplul mâncărime, cățea, nu știu ce să fac." Și așa că mergi și te întrebi ce vrea să spună prin asta?)

Pe strada noastră se lucrează de aproape un an. Am construit trei case private și în prezent finisăm, punem gresie pe parcele etc. Toate cele trei case au aceiași muncitori și există unul special printre ei. Nu știu cum îl cheamă (și nu-mi pasă, în general), dar l-am numit Kruglik. Înălțimea lui Kruglik este de aproximativ un metru șapte, în circumferință este aproximativ aceeași. De fiecare dată când mă vede de departe, Kruglik își acordă în mod arbitrar o pauză. Și trebuie să merg la magazin pentru cupcakes sub privirea unui tânăr. Poate dacă eu eram acela versiune veche Katya, care avea odată 19 ani și era singură, aș include în capul meu melodia lui Beyoncé „Crazy in Love” și pe strada „tam-tarata-ta-ta-taaam tarata-ta-ta-taaam”, la sfârșește să-i arunce bietului om o privire „nu a ta”. Dar, din moment ce vremurile s-au schimbat, ca și Katya însăși, acum astfel de opinii masculine, sincer vorbind, mă încordează.

Cel mai ciudat lucru este că atunci când îl salut, uneori dă din cap, dar de cele mai multe ori doar oftă din greu. Nu pot să înțeleg deloc asta: ca om bine manierat, este un așa „bună ziua”, și se uită la mine și „ufffff”. Poate ce dialect este romana? Dick îl cunoaște.

Lecția numărul 8
Injectarea CSS folosind o etichetă

Să aruncăm o privire la a treia modalitate de a încorpora codul CSS într-un document HTML: Injectare cu o etichetă

Deci, am învățat asta folosind etichete poate fi schimbat aspect etichete pe o pagină, folosind stilul atributului global = "", puteți schimba aspectul etichetă specifică.

Dar ce să faci dacă trebuie să schimbi aspectul etichetelor pe toate paginile site-ul in acelasi timp? Pentru aceasta, avem nevoie de o etichetă , trebuie să fie plasat în capul fiecărui document HTML. Etichetă trebuie să se refere la, pentru asta are un atribut href = "".

Creați un folder Site-ul meu pe desktop, creați trei fișiere HTML în folder:
index.html
polyarnyi-volk.html
polyarnaya-sova.html
și un fișier css:
stil.css

În fișierele HTML, plasați următorul cod HTML:
index.html

Leopard de zăpadă

Leopardul de zăpadă (irbis, ak leopard) este un mare mamifer felin prădător. Trăiește în lanțurile muntoase din Afganistan, Birmania, Bhutan, India, Kazahstan, Kârgâzstan, China, Mongolia, Nepal, Pakistan, Rusia, Tadjikistan și Uzbekistan. Irbisul se distinge printr-un corp subțire, lung, flexibil, picioare relativ scurte, un cap mic și o coadă foarte lungă. Lungimea leopardului de zăpadă cu coada este de 200-230 cm, greutate de până la 55 kg. Culoarea blănii este gri deschis, fumuriu, cu pete întunecate în formă de inel sau solide.

Leopardul de zăpadă vânează în principal capre de munte și berbeci; în dieta sa se găsesc și mistreți, fazani și chiar gopher. Din cauza inaccesibilității habitatului speciei, leoparzii de zăpadă sunt încă puțin înțeleși. Cu toate acestea, conform estimărilor aproximative, numărul lor variază în regiunea de aproximativ 10 mii de indivizi. Din 2013, vânătoarea de leoparzi de zăpadă este în general interzisă.

Leopard de zăpadă lup polar bufniță polară

polyarnyi-volk.html

Lupul polar

Lupul polar arctic este o subspecie a lupului. Trăiește în Arctica și tundra, în zone vaste din regiunile nordice, care sunt scufundate în întuneric timp de cinci luni pe an. Pentru a supraviețui, lupul s-a adaptat să mănânce aproape orice hrană pe care o întâlnește doar în drum.

Lupii polari sunt bine adaptați la viața din Arctica: pot trăi ani de zile la temperaturi sub zero, nu văd lumina soarelui luni de zile și rămân fără hrană săptămâni întregi. Lungimea lupului este de 100-150 cm, înălțimea la greabăn poate ajunge la 100 cm, iar greutatea masculilor depășește 100 kg. Durata de viață a lupului polar este de aproximativ 7 ani. Dieta lui include: lemingi, iepuri de câmp, boi mosc, căprioare și păsări.

Leopard de zăpadă lup polar bufniță polară

polyarnaya-sova.html

Bufniță polară

Bufnița polară (bufnița albă) este o pasăre din familia bufniței. Cea mai mare pasăre, din ordinul bufnițelor, din tundra. Capul bufniței de zăpadă este rotund, ochii sunt galbeni, lungimea corpului ajunge la 70 cm, greutatea este de 3 kg, anvergura aripilor este de 165 cm. Aria de distribuție este teritoriul tundrei: Eurasia, America de Nord , Groenlanda.

Bufnița de zăpadă trăiește de obicei în zone deschise, rar în păduri. Se hrănește în principal cu rozătoare mici: lemmings; poate mânca mai mult de 1600 de lemmings pe an. Dieta bufniței include, de asemenea, iepuri de câmp, mici prădători, păsări, pești și chiar trupuri.

Leopard de zăpadă lup polar bufniță polară

Acum, pentru a schimba culoarea titlului, paragrafului, linkului etc., dintr-o dată pe toate paginile site-ului, trebuie doar să faceți modificări într-un singur fișier: style.css

Să facem verde textul din paragrafele p din toate paginile. Pentru a face acest lucru, în style.css, în loc de valoarea albastră, scrieți valoarea verde

P (culoare: verde;)

Acum culoarea textului în paragrafe, toate paginile site-ului, între etichete au devenit verzi.

Sarcina: faceți culoarea legăturilor a, portocaliu portocaliu

Rel = "" atributul și foaia de stil a valorii acestuia

Rel = "" eticheta de link spune browserului ce tip de fișier va fi încărcat în pagina HTML, valoarea foii de stil indică faptul că fișierul CSS va fi încărcat.

În cele trei lecții anterioare, am învățat trei moduri de a încorpora codul CSS într-un document HTML:

1. Injectarea folosind atributul stil = "" afectează o etichetă, Pe aici numit și inline
2. Injectare cu etichete, afectează întreaga pagină, această metodă se mai numește și intern
3. Injectare cu o etichetă , afectează întregul site, această metodă fiind numită și externă

Ți-au plăcut lecțiile? Susține proiectul „Tutoriale pentru webmaster”!
Puteți trimite de pe card, telefon mobil sau Yandex.Wallet.
Cantitatea minima transferați 30 de ruble.

Articolul este actualizat: 5 februarie 2016