Lista principalelor etichete HTML

Dacă vă decideți să creați un site web, atunci fără limbajul html de hipertext nu veți merge prea departe. Desigur, există și limbi de programare CSS, PHP și alte limbi de scripting, fără de care un site complet, așa cum obișnuiți să îl vedeți, nu va funcționa. Totuși, este vorba de principalele etichete html care vă vor permite să puneți fundația pentru site-ul dvs.

Etichetele principale, fără de care nicăieri

Când deschideți un document html sau o pagină web, vedeți un număr mare de etichete diferite. Cu toate acestea, dacă vă uitați atent, majoritatea repetă, deoarece descriu aceleași elemente. De exemplu, principalele etichete html includ etichete precum tipul de document , , , ,

și altele.

Tipul documentului și declarația documentului html

Pentru a specifica tipul documentului curent, utilizați elementul . Este necesar ca browserul să recunoască modul de interpretare a unei anumite pagini web. În funcție de ce versiune de html folosiți, acest element va arăta diferit. În HTML5, are următorul sens:

După ce ați specificat tipul documentului dvs., trebuie să utilizați eticheta . Ca majoritatea celorlalte etichete, este o pereche, adică are etichete de deschidere și închidere. Diferența dintre ele este că înainte de eticheta de închidere este o bară "/". Astfel, eticheta html cea mai de bază pentru crearea unui site va arăta astfel:

...

Între eticheta de deschidere și închidere, în acest caz, va fi localizat restul codului, care va închide întregul conținut al paginii web.

etichetă

Această etichetă este, de asemenea, eticheta html principală. Este scris după , și este, de asemenea, unul asociat, și conține în sine, în principiu, metadatele unei pagini web. Aceste date nu apar în partea vizibilă a paginii html (cu excepția etichetei

metadate

etichetă

Eticheta principală pentru site-ul html, deoarece conține toate elementele vizibile ale paginii - toate textele, toate fotografiile și alte informații. De fapt, ca eticheta , este containerul pentru alte etichete. exemplu:

Conținutul vizibil al paginii web

Titluri și paragrafe

Toate etichetele de mai sus sunt principalele etichete ale limbajului html. Cu toate acestea, în limba de marcare hipertext există încă un număr foarte mare de alte elemente. De exemplu, etichetele paragrafelor și anteturile. Ele vă permit să structurați textul, să îl împărțiți în paragrafe separate și să îl selectați. Deci, pentru paragrafe se utilizează o etichetă

, este o etichetă de perechi, între elementul de deschidere și închidere a căruia este plasat un text. exemplu:

Textul paragrafului

În plus față de paragrafe, anteturile pot conține și text. Cu toate acestea, ele schimbă și aspectul textului conținut în interior, mărind-o în dimensiune și evidențiindu-l cu caractere aldine. Există 6 tipuri de titluri care diferă în funcție de dimensiune. De exemplu, titlul

Utilizarea imaginilor

Nici un site nu poate face fără imagini, imagini și fotografii. La urma urmei, fără aceasta, paginile web ar fi un text uscat, neinteresant pentru studiu. Pentru a insera orice imagine pe site, limbajul de markup hipertext utilizează o etichetă . Este important să rețineți că această etichetă nu este asociată, astfel încât în ​​cod va fi scrisă ca .

Link-uri hypertext în text

Adesea, în plus față de text și diverse imagini, site-urile utilizează link-uri. Acestea pot fi redirecționate către o resursă terță parte sau către o altă pagină a site-ului dvs. Pentru a indica prezența unei legături, este utilizată o etichetă .

Care sunt atributele?

Am sortat câteva dintre etichetele principale. Cu toate acestea, majoritatea etichetelor au, de asemenea, atribute. Acestea sunt prescrise în elementul de deschidere și constau din două părți. Primul este numele atributului propriu-zis, al doilea este valoarea acestui atribut, care este scris după semnul "=" și este cuprins în ghilimele.

Atribute de bază ale etichetelor html

Multe etichete au atribute. Cu toate acestea, pentru anumite etichete, prezența acestora este opțională dacă nu doriți să modificați elementele în nici un fel. Pentru alte etichete, prezența atributelor este obligatorie, cum ar fi, de exemplu, eticheta (pentru crearea de hyperlink-uri) șietichetă /> (pentru a adăuga imagini la pagină). Ideea este că dacă nu specificăm aceste etichete principale atribute html și valorile acestora, atunci nu le vom vedea pe pagina site-ului.

Atribute pentru etichetă

Dacă specificați în cod textul inclus în etichetă , cu excepția acestui text de pe pagina web nu veți vedea nimic. Eticheta în sine, de fapt, spune doar despre intenția de a crea un hyperlink, dar pentru ao crea într-adevăr, aveți nevoie de un atribut. Acest atribut va fi href, iar valoarea acestui atribut va fi un link specific la resursă. Astfel, dacă vrem să creăm un link către site-ul olnafu.com, acesta va arăta astfel:

Link către olnafu.com

Deci, tot textul care se află între etichete , este un hyperlink, iar valoarea atributului href inclus în ghilimele duble va fi adresa prin care vom face clic pe text.

Proprietăți Src pentru

O situație similară cu eticheta . Dacă nu specificăm atributul și valoarea acestuia cu acesta, imaginile de pe pagina web nu apar. Ca și cu eticheta , prezența unei etichete spune doar că vom introduce o fotografie în codul nostru. Cu toate acestea, pentru ca această imagine să apară, trebuie să specificați adresa acestei imagini. În acest scop, va trebui să utilizați atributul src, a cărui valoare va fi adresa imaginii situată pe o resursă a unei terțe părți sau pe computerul dvs.

Atributul alt pentru etichetă

În plus, eticheta există încă un atribut. Nu este considerat obligatoriu, dar este recunoscut ca fiind recomandat pentru utilizare. Acest atribut este atributul alt alt text. Valoarea acestui atribut va fi textul corespunzător descrierii fotografiei sau imaginii. Acest text va fi afișat dacă, din anumite motive, imaginea nu se încarcă. În plus, utilizarea acestui atribut va ajuta persoanele cu deficiențe de vedere care utilizează cititoare de ecran. Astfel, eticheta împreună cu cele două atribute prezentate vor arăta astfel:

alt = "descrierea imaginii" />

Ce alte atribute există?

Atributele sunt o sumă imensă, lista lor este la fel de mare ca și lista principalelor etichete html. Cu toate acestea, există un atribut inerent unui număr de etichete. Aceasta este alinierea. Poate fi folosit împreună cu o etichetă , și, de asemenea, cu eticheta

. Esența sa este aceea că stabilește poziția imaginii sau a textului pe pagină. Valorile cele mai de bază ale acestui atribut sunt dreapta și stânga, care indică alinierea la dreapta și la stânga (respectiv). Dacă îl aplicați unei imagini, codul arată astfel:

alt = "descrierea imaginii"

align = "right" />

Utilizarea stilurilor

Cu toate acestea, merită menționat faptul că unele astfel de atribute nu au fost utilizate în ultima vreme, iar foile de stil cascadă (CSS) sunt utilizate în schimb. Pentru a utiliza stiluri în html, este prescrisă o etichetă , care este conceput pentru a conecta stiluri și este situat în etichetă .