Fiecare etichetă din HTML are o semnificație specială și este responsabilă pentru afișarea anumitor date. Cazul literelor din numele etichetelor nu contează, de exemplu, eticheta

…

…

Clasificarea etichetelor

Există mai mult de 90 de etichete în HTML. De regulă, o etichetă afectează doar o parte a documentului, de exemplu, eticheta de antet de primul nivel

…

) creează efectul, iar închiderea (

Unele etichete au un efect unic acolo unde apar. De exemplu, eticheta bară orizontală

Tipuri de etichete

În plus, etichetele sunt împărțite în mai multe tipuri, care diferă prin funcțiile lor:

• etichete cu titlul documentului;
• elemente de bloc;
• elemente inline;
• elemente universale;
• liste;
• Mese;
• rame.

Această diviziune nu este strictă, așa că unele etichete sunt în grupuri diferite. De exemplu, etichete pentru crearea de liste

și
se aplică atât listelor, cât și elementelor bloc.

Structura etichetelor

Când sunt încărcate într-un browser, etichetele în sine nu sunt afișate, dar afectează modul în care este afișat conținutul lor. Dacă o etichetă este scrisă greșit, este ignorată în întregime.

Toate etichetele au o anumită structură care trebuie respectată la scriere. În plus, aproape toate etichetele au diverse atribute care pot schimba modul în care este afișat conținutul.

Să ne uităm la structura corectă a etichetelor care conțin atribute:

1. 
2. El însuși webmaster

De exemplu, am dat două etichete complet diferite. Primul singur - responsabil pentru afișarea imaginilor, atribut - src="logo.jpg". Al doilea … perechea este responsabilă pentru crearea legăturilor, atributul este href="site".

Concluzia 1: Atributele pot avea etichete asociate și neîmperecheate.

Concluzia 2: Atributele pot avea doar etichete de început, etichetele de final nu au atribute.

Poza pentru clarificare:



Figura 1. Structura etichetei html

Sarcină de atenție și cunoaștere a sintaxei HTML

Să ne uităm la un exemplu de pagină web simplă la care ne-am uitat în tutorial.

Un element HTML este unitatea structurală de bază a unei pagini web scrise în HTML.

Etichete HTML asociate și simple

Sintaxa pentru elementele HTML constând din etichete pereche este:

• Elementul începe cu o etichetă de pornire.
• Elementul se termină cu o etichetă de închidere.
• Conținutul unui element este totul între etichetele de deschidere și de închidere. Conținutul poate fi text și/sau alt element HTML.

Notă: nu uitați să puneți simbolul „” în eticheta de închidere / ", îi spune browserului că elementul tău s-a încheiat și că ceea ce se va scrie după el este deja un alt element. Dacă nu pui caracterul " / „ în tag-ul de închidere, atunci browserul îl va confunda cu un element nou imbricat în cel anterior, care, conform browserului, încă nu este închis.

Sintaxa pentru elementele HTML constând din etichete unice este:



• Elementul constă doar din eticheta de deschidere.

Elementele formate din etichete simple sunt numite goale. Există 16 etichete individuale în HTML:

Elemente imbricate

Elementele HTML constând din etichete pereche pot fie să conțină orice alte elemente, fie pot fi imbricate în alte elemente, în timp ce adâncimea de imbricare a elementelor nu este limitată.

Următorul exemplu are trei elemente, dintre care două sunt imbricate:

Primul meu paragraf

Când un element este imbricat într-un altul, trebuie avut grijă să vă asigurați că elementul imbricat începe și se termină în interiorul aceluiași element. Deci, de exemplu, următorul cod este incorect:

aceasta foarte

interesant

Aici element iese în afara elementului



Exemplu cu imbricarea corectă:

aceasta foarte interesant

Aici element imbricat corect - este complet în interiorul elementului



Caractere cu spații albe

Browserul ignoră spațiile albe din codul HTML, astfel încât să le puteți folosi în avantajul dvs. făcând codul ușor de citit. Caracterele de spații albe includ: caractere de tabulație, rupturi de rând și spații obișnuite, acestea pot fi utilizate în orice cantitate. Exemplu de cod care utilizează caractere cu spații albe:

Primul meu titlu

Primul meu paragraf

Exemplul de cod ar fi putut fi scris fără spații albe, dar un astfel de cod ar fi mai puțin lizibil:

Primul meu titlu

Primul meu paragraf

Pe măsură ce codul dintr-un document HTML devine mai mare și mai complex în timp, devine clar că utilizarea spațiilor albe îmbunătățește de fapt lizibilitatea codului.

Ați citit deja că întreaga limbă este formată din etichete. În acest tutorial, vom arunca o privire mai atentă asupra etichetelor HTML. În limbajul HTML, etichetele sunt împărțite în etichete simple (nepereche) și etichete asociate. Deci, etichetele HTML unice constau dintr-o singură etichetă, adică nu au o etichetă de închidere. Iar descriptorii perechi au o etichetă de deschidere și de închidere.

Etichete HTML unice

Etichete unice nu au o etichetă de închidere. De exemplu:
, . Odinioară se scria așa:
, , acum acest stil de a scrie etichete individuale nu este relevant, așa că nu scrie așa. Cele mai utilizate etichete simple:
- transfer către linie nouă,

---

- linia de separare, - inserați imaginea.

Etichete HTML asociate

Etichete pereche mult mai mult. Descriptorul de pereche are o etichetă de deschidere și de închidere. Eticheta pereche formează un container. Conținutul recipientului este ceea ce se află între eticheta de deschidere și de închidere. În exemplul din acest articol, ați văzut eticheta

Ce sunt etichetele în HTML?

, deci, aceasta este o etichetă pereche, conținutul acestei etichete este textul „Ce sunt etichetele în HTML?”. Începutul său este eticheta

, și sfârșitul

.

Principala greșeală a începătorilor în scrierea etichetelor pereche este confuzia în cuibărire. De exemplu, aceasta este intrarea corectă:

Paragraf îndrăzneț

. Și aici este eroarea:

Paragraf îndrăzneț

, un document HTML cu un astfel de aspect nu este considerat valid. Pentru a nu confunda imbricarea, procedați astfel: creați etichete împerecheate, apoi puneți altele în ele și, la sfârșit, scrieți text în ambele etichete

Cum să scrieți corect etichetele perechi

.

Ce este nou în HTML5 în ceea ce privește etichetele?

limbaj HTML5 este o extensie a HTML4, așa că a păstrat majoritatea sau toate etichetele din HTML4 și a adăugat propriile etichete. HTML5 a introdus etichete speciale pentru a împărți site-ul în blocuri principale: antet, meniu, subsol, bară laterală și conținut.

De ce este important să înveți cum să folosești etichetele?

Motoarele de căutare Yandex și Google sunt sensibile la aspect documente HTML verificarea valabilității acestora. Ei caută cuvinte cheie incluse în descriptori speciali și așa mai departe. Dar această secțiune nu este despre asta. Acest lucru se aplică promovării (SEO).

Cum să înveți toate etichetele HTML?

Da, există o mulțime de etichete. Dar nu este nevoie să-i învățați în mod specific. În timp ce exersați să scrieți ceva, toți descriptorii, perechi și singuri, vor fi ușor de reținut. În timp, desigur.

Etichete HTML este baza limbajului HTML. Etichetele sunt folosite pentru a delimita începutul și sfârșitul elementelor în marcare.

Fiecare document HTML constă dintr-un arbore de elemente HTML și text. Fiecare element HTML este identificat printr-o etichetă de început (deschidere) și de final (închidere). Etichetele de început și de sfârșit conțin numele etichetei.

Toate elementele HTML sunt împărțite în cinci tipuri:

• elemente goale — , ,
  , , ,

  ---

  , , , , , , , , , ;
• elemente de text simplu —

  Continut Asemanator:

  1. Port încărcător telefon rupt
  2. Cum să alegi o baterie de telefon portabil
  3. Ce să faci dacă iPhone-ul a căzut în apă și nu se pornește
  4. Cum să vă curățați telefonul Android de fișierele nedorite?