Cum se face un link în HTML?

Site-urile, blogurile, paginile web sunt deja concepte familiare în zilele noastre. Odată cu dezvoltarea platformei de Internet pentru găzduirea paginilor web au devenit incredibil de popular, și nu e de mirare: pentru unii oameni, care deține un site - necesitatea, pentru alții - o diversiune plăcută. În primul caz, se referă, de obicei, la firme, corporații, întreprinzători privați, atunci când fac publicitate oricărui produs sau serviciu solicitat. În al doilea - despre bloggeri.

În plus, există utilizatori de internet care caută pur și simplu informații, citesc bloguri, vizionează videoclipuri și așa mai departe.

Pentru a crea un site web de calitate, există multe opțiuni. Ne vom concentra pe programarea web prin intermediul HTML.

Ce este HTML?

HTML reprezintă Hyper Text Mark-Up Language. În limba engleză, înseamnă "limbaj de markup hipertext".

Cu alte cuvinte, HTML este un set de coduri prin care puteți crea elementele de bază ale unui site, cadrul acestuia, la fel cum cuvintele sunt compuse din cuvinte.

Codurile din HTML sunt scrise exclusiv în litere latine și sunt numite etichete, iar fiecare cod este închis în paranteze unghiulare. Unele dintre etichete sunt pereche, unele sunt necoate.

Asocierea înseamnă că acestea ar trebui să fie utilizate în perechi fără eșec. De exemplu, eticheta de deschidere indică locul în care începe să acționeze pagina web, iar eticheta de închidere indică locul unde se termină acțiunea. Acesta din urmă diferă de primul prin prezența simbolului "slash" după colțul de deschidere. De exemplu, - eticheta de deschidere, - închidere.

Etichetele necorespunzătoare din "partener" nu au nevoie.

Multe etichete pot avea atribute - elemente suplimentare care îi dau o semnificație mai specifică. De exemplu, o etichetă .

Unde este folosit HTML?

O înțelegere clasică a locului în care este nevoie de HTML este crearea de site-uri.

În practică, acest lucru poate fi suficient, ca HTML vă permite să creați elemente de bază ale meniului site-ului (inclusiv mai multe niveluri), setați fundalul pentru a insera text, imagini, audio, video, edita fonturi și multe altele.

Cu toate acestea, există alte limbi care vă permit să adăugați elemente interesante și adesea necesare ale unei pagini web:

• CSS stabilește stilurile pentru întregul site fără a trebui să utilizeze în mod constant etichetele pentru a modela caracteristicile elementelor individuale - de exemplu, culoarea și fontul textului.
• limbaj de scripting vă permite să proiecteze și să încorporați site-ul dumneavoastră mini-programe (script-uri), de la lucrurile banale estetice (link-uri isi schimba culoarea atunci când treceți mouse-ul) la funcțional (colecta adrese de e-mail ale clienților, numere de telefon).
• Cu PHP, vă puteți dezvolta propria carte de oaspeți sau un sistem de comentare.

De asemenea, HTML-ul este folosit pentru a crea e-mail-uri pentru distribuție.

Ce este o legătură

Acestea vă permit să efectuați o tranziție către o altă pagină web, atât în ​​interiorul site-ului, cât și în afara acestuia.

Linkurile HTML sunt utilizate în mod obișnuit:

• Pentru a accesa o resursă web externă.
• Pentru a naviga prin paginile din interiorul site-ului.
• Pentru a merge la formularele Google.

Legătura cu sursa în HTML este, de asemenea, indicată adesea, mai ales că atunci când copiați materiale dintr-un alt site, trebuie să specificați autorul. În caz contrar, copierea fără atribuire poate să se încadreze în definiția încălcării drepturilor de autor, a furtului de conținut și a unor consecințe neplăcute. În plus, utilizarea materialelor împrumutate, non-unice reduce indicatorii SEO, iar referința la sursă reduce riscurile.

Tipuri de link-uri

În sensul clasic, un link este adresa unei resurse web pe care o puteți accesa făcând clic pe ea.

În plus, există hyperlink-uri: text și imagini. În aceste cazuri, linkul HTML "se ascunde" sub orice propoziție (cuvânt) sau imagine și pentru a da clic pe el, trebuie să faceți clic pe text sau pe imagine.

Alte tipuri de link-uri:

• Unvisited este un link prin care tranziția nu a fost încă făcută în timpul unei anumite sesiuni. De exemplu, dacă faceți clic pe acest link ieri, apoi opriți calculatorul, iar acum din nou, a fost inclus, dar acum se leagă din nou nevizitat de la începutul unei noi sesiuni.
• Activ - în această stare, legătura este salvată pentru o perioadă scurtă de timp: decalajul dintre clic pe link și tranziția pe acesta.
• Vizitată - un link care a trecut deja cel puțin o dată în timpul unei sesiuni.

Dacă este vorba de legături text obișnuite, cei vizitați, de regulă, își schimbă culoarea, dacă nu a fost specificat altfel.

Imaginea hyperlink nu schimbă aspectul, indiferent dacă este vizitat sau nu.

Cum se introduce un link obișnuit

Multe resurse web percep adresa site-ului ca link, fac imediat clickabile și evidențiază culoarea. De exemplu, dacă adresa este trimisă într-un mesager sau prin e-mail, făcând clic pe ea, puteți accesa site-ul.

În cazul în care vă creați un site utilizând HTML, trebuie să introduceți un link utilizând o etichetă specială. Acesta va arata astfel: adresa site-ului. Textul de link în HTML trebuie specificat complet, cu protocolul.

Cum să inserați un hyperlink text

Acesta a spus mai devreme că hyperlink textul realizează aceeași funcție ca și link-ul normal, dar se pare mai estetic: în loc de adresa site-ului, care este de multe ori prea mult timp, sunt specificate orice cuvânt sau o frază. De exemplu, în propoziția "Căutați informații aici" puteți ascunde linkul în cuvântul "aici". Acesta va fi evidențiat în culori și atunci când se face clic pe el, utilizatorul va merge la site-ul dorit.

Cum de a face o legătură HTML a fost deja menționat. Puteți introduce un hyperlink text utilizând aceeași etichetă. Singura diferență este că trebuie să specificați textul dintre etichete, sub care se va ascunde linkul: text vizibil.

Cum se introduce o imagine de hyperlink

E un pic mai complicat aici. Utilizăm aceeași etichetă, dar în loc de text, trebuie să specificăm calea spre imagine.

Calea este locația imaginii. Dacă imaginea (fotografia) se află pe fișierul de găzduire, atunci trebuie să specificați toate folderele de-a lungul căii spre imagine prin slash. De asemenea, puteți introduce un link la imagine, dacă este posibil.

Mergeți la etichetă În plus față de src, sunt și alte atribute care vă permit să ajustați înălțimea, lățimea și locația imaginii și multe altele. Unele dintre ele:

• Src - definește calea spre imagine.
• Lowsrc - identic cu atributul anterior, dar este indicat pentru imagini de calitate scăzută.
• Înălțime - înălțimea imaginii.
• Lățimea - lățimea sa.
• Alt - descrierea imaginii. Când plasați cursorul peste o fotografie sau o imagine, va apărea textul specificat în acest atribut.
• Border - determină grosimea marginii din jurul imaginii.

Atributele sunt specificate după etichetă și sunt incluse în compoziția sa. După atribut, trebuie să specificați valoarea sa. De exemplu, pentru atributele "înălțime" sau "lățime", înălțimea imaginii pe pagina web este specificată. Unitatea de măsură este pixeli, dacă nu se specifică altfel.

Acesta va arata astfel :. Aceste atribute vă vor ajuta să setați dimensiunea potrivită pentru imagine. Border vă ajută să creați o margine invizibilă în jurul imaginii.

Atributele de mai sus sunt, de asemenea, aplicabile separat pentru eticheta de introducere a imaginii. De exemplu :.

Ce sunt legăturile ancorate?

Crearea legăturilor de ancorare este o abilitate foarte utilă. Deseori este nevoie să creați o pagină Web cu un bloc text lung sau cu mai multe subsecțiuni pe o singură pagină. În acest caz, puteți face imediat la începutul unei liste de linkuri către subsecțiuni de text sau pe o pagină web, iar când faceți clic pe ele, utilizatorul va merge direct la secțiunea solicitată.

Pentru a crea link-uri de ancorare, va trebui să utilizați etichete cu atribute mai activ decât să creați alte tipuri de linkuri.

În primul rând avem nevoie pentru a seta valoarea totală pentru fiecare bloc de date sau sub sus atribut de text, și apoi să se asocieze cu o referință.

Caracteristicile lor sunt mai extinse, prin urmare, este de dorit mai întâi să stăpânească crearea de legături mai simple și apoi să se realizeze formarea referințelor de ancoră.

Sfaturi

Ajutor de la programatori experimentați:

• Puteți să vă asigurați că informațiile se afișează în legătură cu linkul atunci când treceți cu mouse-ul în HTML. În acest scop, atributul alt poate fi util, pe care îl folosim și pentru elementele grafice.
• Este posibil să faceți o listă de linkuri utilizând HTML. În special, acesta poate fi util în legăturile de ancorare, precum și atunci când aveți nevoie pentru a face o listă de resurse web, care se poate lega direct la pagina Web curentă.
• Cu CSS și jаvascript, precum și unele funcții, puteți crea un alt link-uri și hyperlink-uri de text de design HTML, diferit de obicei. De exemplu, dacă plasați cursorul peste un link, acesta își poate schimba culoarea și poate reveni la culoarea precedentă atunci când cursorul este departe de acesta. Acest lucru poate fi implementat folosind un script special în jаvascript. În plus, culoarea link-ului poate fi setată pe altele, nu albastru pentru unvisited sau purple pentru vizitate. Aceasta este o sarcină CSS.
• Nu abuzați de legături. O pagină web în care există o mulțime de linkuri irelevante pare neclară și dezordonată.
• Asigurați-vă că utilizatorul înțelege că hyperlinkul cu imaginea este într-adevăr ea, și nu doar o imagine.

concluzie

În HTML, un link către o pagină este foarte ușor de făcut. Este important să respectați toate punctele principale ale acestei limbi, deoarece chiar și o mică eroare poate duce la rezultatul că nu există niciun rezultat și codul nu va funcționa.