Lista etichetelor HTML cu descriere

Etichetele sunt cuvinte în limba HTML. Cu ajutorul lor, puteți transforma un flux text simplu într-un document frumos proiectat, cu o structură inteligibilă. Lista completă a etichetelor HTML conține aproximativ o sută de paragrafe, însă, în practică, este folosită în mod constant mult mai puțin. Aceștia îndeplinesc diferite funcții - de la construirea unui cadru vizual al paginii și de formatare a textului la conectarea fișierelor terță parte și în conformitate cu regulile oficiale ale Internetului.

Structura documentului

Pentru a vă asigura că pagina web este afișată în mod corespunzător de către browser și este percepută de roboți, ar trebui să aibă o anumită structură.

Prima etichetă document ar trebui să fie , Acesta declară la ce tip se referă. Este în concordanță cu doctype că browser-ul va reda aspectul. Cel mai popular tip este standardul HTML5, care este declarat astfel:

Pagina trebuie să aibă un element rădăcină care să înfășoare întregul conținut. Această funcție este efectuată de etichetă html.

Toate informațiile despre serviciu sunt plasate în interiorul secțiunii cap, iar conținutul real care va fi vizibil pentru utilizator poate fi inclus într-o etichetă corp.

Utilizarea etichetei corp aceasta nu este neapărat, totuși, considerată o practică bună. Aceasta vă permite să definiți în mod clar structura paginii web, marcați începutul și sfârșitul părții de conținut.

Fiecare etichetă este o secțiune completă cu conținut, deci are o parte de deschidere și de închidere.

Informații despre service

În interiorul etichetei cap datele care nu sunt vizibile pentru utilizator, dar importante pentru documentul web, sunt prescrise.

Titlul paginii care va fi afișat în fila browser este indicat în etichetă titlu.

O varietate de informații utile despre servicii pot fi reprezentate sub formă de meta-etichete care nu au o parte de închidere. Informațiile despre Meta sunt descrise de atributele tag-urilor meta:

• nume - numele proprietății descrise;
• conținut - sensul acesteia;
• http-echiv - o indicație că această meta tag ar trebui convertită într-un antet HTTP;
• charset - codificarea în care a fost salvat documentul.

Mai jos este o listă de etichete html cu atribute care pot fi utile pentru transferul de date importante:

Conectarea fișierelor

Pentru a lucra pe deplin pagina web necesită adesea resurse suplimentare, de exemplu, stiluri și scripturi. Acestea pot fi conectate din fișiere terțe sau definite în documentul propriu-zis.

Stilurile trebuie să fie specificate în interiorul etichetei cap, pentru a asigura afișarea corectă a paginii. Pentru a conecta o foaie de stil, o etichetă de legătură neîncheiată cu atribute href = "adresa fișierului" și rel = "style sheet", care îi spune browserului că fișierul descărcat este un tabel CSS. Definiția regulilor de stil din cadrul paginii în sine ar trebui făcută în etichetă stil.

Conectarea scripturilor din secțiunea de service poate încetini descărcarea, astfel încât acestea sunt adesea publicate în partea de jos a documentului înainte de eticheta de închidere corp. Pentru a specifica adresa unui fișier, se utilizează un atribut src. În plus, scriptul poate fi scris în interiorul etichetei în sine, dar pentru a nu vedea browserul, adresa nu trebuie specificată.

Exemplu de conectare a fișierelor:

Exemplu de definire a scripturilor și stilurilor în interiorul paginii:

Amenajarea paginii

Pentru a rupe vizual un flux continuu de text neformatat în grupuri semantice, creați coloane și secțiuni separate, utilizați etichete HTML structurale. Acestea formează containere bloc, pentru care puteți instala orice design folosind CSS.

Cea mai populară etichetă de marcare hipertext este, fără îndoială, div. Nu are sarcină semantică și poate fi folosit pentru gruparea oricăror segmente de conținut.

În plus, există câteva etichete structurale semantice introduse de standardul HTML5. Acestea ajută la a le da conținutului o anumită încărcătură semantică, referindu-se, de exemplu, la un bloc de navigare sau la subsolul sitului.

Lista etichetelor HTML care au o valoare semantică la nivelul întregii pagini:

În plus, noul standard permite gruparea semantică a conținutului media cu o semnătură utilizând figura și imaginea tagurilor.

Header Tags

Pentru a separa rubricile de la diferite niveluri, există un întreg grup de etichete de la până la

Poziția celui de-al doilea nivel
Poziția celui de-al treilea nivel
Rubrica 4
Rubrica 5
Rubrica 6

În practică, primele trei tipuri sunt cele mai des folosite.

Proiectarea de hyperlink-uri

Hyperlink-urile care leagă diferite pagini sunt baza World Wide Web, astfel încât designul lor în HTML este acordat o atenție specială. Legăturile ar trebui să se evidențieze pe fundalul restului textului, în mod implicit având o culoare albastră și subliniind. Un astfel de design oferă o etichetă .

Lista completă a atributelor etichetei hiperlink HTML:

• toate atributele universale, cum ar fi clasa, idul, stilul;
• href - adresa paginii care va fi migrată;
• țintă - specifică unde să se deschidă o nouă pagină. În mod implicit, obiectivul este fila curentă, valoarea gol determină deschiderea unei file noi.
• descărcați - în loc de transfer, fișierul specificat va fi descărcat pe computerul utilizatorului;
• rel - proiectat pentru motoarele de căutare, cu o valoare nofollow interzice transferul robotului prin referință;
• tip indică tipul MIME al fișierului țintă.

Conținutul media

Web-ul ar fi foarte plictisitor fără imagini, videoclipuri și alte conținuturi media. În standardul HTML, există mai multe etichete pentru a fi inserate în pagină.

Pentru a plasa imagini, eticheta este destinată img cu următoarele atribute specifice:

• src - adresa imaginii;
• Alt - Text alternativ care va fi afișat dacă apare o eroare în timpul procesului de încărcare a imaginii;
• lățime, înălțime - dimensiuni.

Elementele încorporate pot fi plasate în interiorul etichetelor obiect sau Încorporați, În plus, standardul HTML5 a introdus etichete speciale video și audio. Ei au o listă impresionantă de atribute care controlează afișarea și redarea conținutului media.

etichetă iframe Creează un cadru plutitor separat, în care poate fi încărcat un alt document web.

pânză vă permite să creați diverse imagini și să le manipulați dinamic cu o eficiență ridicată folosind jаvascript.

Formatarea textului

Lista de etichete HTML destinate pentru formatarea conținutului text este foarte mare.

• b, puternic - marcaj de grăsime;
• eu, em, DFN - italic;
• q, blockquote - alocarea de citate;
• cod, kbd - monospaced font;
• del, s - strikethrough;
• uri, u - subliniază;
• marca - alocare în galben;
• Sub - subscript;
• sorbi - superscript;
• mic - text mai mic decât cel curent.

Transferurile forțate pot fi aranjate folosind eticheta
. va solicita browser-ul pentru eventualele întreruperi de linie. În plus, există o etichetă

Textul sub formă de paragrafe va ajuta să etichetați

, și separați-le printr-o linie gri subțire - .

Elemente interactive

Foarte importante pentru activitatea site-urilor Internet sunt formele și diverse elemente interactive. Acestea vă permit să recepționați și să transmiteți datele necesare, să interacționați cu utilizatorul, să creați conținut dinamic.

Unul dintre cele mai importante elemente ale formelor este câmpul de introducere reprezentat de etichetă . Aceasta poate lua mai multe forme diferite în funcție de valoarea atributului tip.

Alte elemente ale formelor:

• buton - buton;
• selecta - lista drop-down;
• textarea - câmp de introducere multiplă;
• etichetă - semnătura pentru domeniu.

etichetă formă grupul de elemente interactive și să se asigure că datele sunt trimise la server și FIELDSET - unește domeniile aferente în grupuri.

Înregistrarea listelor

În HTML există trei tipuri liste: marcate, numerotate și o listă de definiții.

Lista definițiilor este formată din:

• container -

  -

• numele termenului -
  -
• descrierea termenului -
  .

Termenul 1
Descrierea primului termen
Termenul 2
Descrierea celui de-al doilea termen

Lista de etichete HTML - (lista ordonată), marcate - (listă neordonată). Elementele lor sunt înfășurate într-o etichetă (element de listă).

fiecare
vânător
vrea
să știi
unde
sta
fazan

Formatarea tabelelor

Un alt element important al web-ului sunt tabele care vă permit să sistematizeze și să prezinte în mod convenabil cantități mari de informații.

Lista etichetelor de tabel HTML:

• masa de masă;
• thead - un capac care de obicei conține anteturi;
• tbody - corpul mesei cu date master;
• tfoot - subsolul în care sunt însumate totalurile;
• tr - rând de celule;
• td este o celulă obișnuită;
• celula antet - antet, are aspectul propriu implicit;
• col - vă permite să selectați coloana tabelului și să o aplicați stiluri;
• cologup - grup de coloane;
• caption este legenda la masă.

Această listă incompletă de etichete HTML cu descrierea demonstrează cât de largi sunt posibilitățile de marcare hipertext în proiectarea paginilor web. Codor poate furniza orice informație într-o formă ușor de utilizat și încă mai oferă o percepție bună a paginilor de către motoarele de căutare, ceea ce este foarte important pentru promovarea sa.