Etichete HTML de bază. Cum diferă etichetele neîmperecheate de etichetele asociate? Etichete împerecheate și neîmperecheate

21.11.2021 Securitate

Etichetă (pl. etichete, uneori etichetă) Este un element HTML folosit pentru a marca textul sursă al unei pagini web. Etichetele sunt abrevieri sau abrevieri ale cuvintelor englezești incluse între paranteze unghiulare<>de exemplu etichetă

…

prescurtare pentru cuvântul englezesc paragraf, adică textul inclus în această etichetă va fi recunoscut de browsere ca un paragraf.

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

…

și eticheta

…

- Asta e lafel. Adică, etichetele pot fi scrise atât cu litere mici, cât și cu litere mari. În general, se accepta că toate etichetele ar trebui scrise cu majuscule pentru a distinge etichetele de textul normal. Acum nu mai este nevoie, deoarece mulți editori au evidențiere de sintaxă.

Clasificarea etichetelor

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

…

... În astfel de cazuri, se folosesc etichete asociate: deschidereși acoperire... Eticheta de deschidere (de exemplu,

) creează efectul, iar închiderea (

) - își încetează efectul. După cum puteți vedea din exemplu, eticheta de închidere are întotdeauna următorul simbol ( / ) - bară oblică înainte. Astfel de etichete sunt numite pereche.

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

sau eticheta de afișare a imaginii ... Astfel de etichete nu au etichete de sfârșit. Astfel de etichete se numesc etichete nepereche.

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

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ă există o greșeală de ortografie a etichetei, aceasta este ignorată în totalitate.

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

Să aruncăm o privire asupra structurii corecte a etichetelor care conțin atribute:

El însuși webmaster

Ca exemplu, am dat două etichete complet diferite. Primul singur - este responsabil pentru afișarea imaginilor, atribut - src = „logo.jpg”... Al doilea … paired este responsabil pentru crearea de linkuri, atribut - href = „site”.

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

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

Poza pentru clarificare:

HTML este un fișier text simplu cu extensia .htm (html). Pentru a crea la început cea mai simplă pagină, când doar exersați, aveți nevoie doar de un caiet. Deschide bloc-notes și scrie ceva text.

Fiecare element HTML este o etichetă încadrată de<>paranteze. Orice fișier, pagină html începe cu o etichetă și se termină cu eticheta.

Această etichetă pur și simplu spune browserului (acesta este programul în care navigați pe web) că documentul dat este un document de marcare html.

Etichetă - înseamnă începutul unui document html și- tag-ul de închidere înseamnă sfârșitul documentului html.

Există câteva alte etichete importante în interiorul acestor etichete. Imediat după etichetă există etichete care înseamnă titlul paginii și corpul paginii.

Prima mea pagină HTML

Etichetă înseamnă titlul titlului ferestrei la afișarea acestei pagini. Acum puteți crea un nou document text în notepad, copiați textul prezentat mai sus și salvați-l ca Pagina1.html și rulați-l în browser, veți vedea titlul paginii din <title>, și o pagină goală, pentru că suntem în corpul paginii în etichete <body> </body> nu afisati nimic. Deci, textul de mai sus va fi scheletul de bază al oricărei pagini web pentru noi. <h4>Etichete împerecheate și neîmperecheate!</h4> <html></html>, <head></head>,<body></body> Acestea sunt doar etichete împerecheate - acele etichete care merg ca o pereche de etichetă și închiderea acesteia, eticheta de închidere cu un /. Pentru etichetele pereche, valoarea dintre începutul etichetei și sfârșitul etichetei este acțiunea etichetei. Acțiunea se va propaga până când este găsită o etichetă cu caracterul /. Etichete nepotrivite - nu au o etichetă de final. Vom oferi mai jos exemple de astfel de etichete. <head></head>- Titlul paginii html, care include cuvinte cheie pentru motoarele de căutare, diverse scripturi etc. <body></body>- Direct corpul documentului html. Etichetă neîmperecheată. Notă:În majoritatea cazurilor acum, atunci când construiesc site-uri, ei folosesc rutine gata făcute, pluginuri etc. - pentru crearea mai rapidă a site-urilor, dar pentru a aplica și utiliza astfel de rutine și șabloane - este încă necesară o cunoaștere minimă a acestor sesiuni. HTML (HyperText Markup Language) este limbaj de marcare hipertext... Limbajul de marcare este folosit pentru a da structura paginii de Internet, site-ului. Limbajul de marcare nu poartă designul, ci îndeplinește sarcinile de structurare. Structura este stabilită folosind elemente speciale - etichete care sunt de înțeles pentru browser. Aceste etichete se numesc etichete - din engleză. cuvintele etichetă - o etichetă numită. Hipertextul este un document marcat cu limbaj HTML... Termenul „hipertext” a fost inventat inițial de Ted Nelson pentru a se referi la textul „care se bifurcă singur sau efectuează o acțiune la cerere”. Un document HTML este un fișier text simplu care are o structură specială. Atunci când deschideți browserul de internet procesează acest document, în urma căruia vedem paginile obișnuite de Internet pentru noi, unde există text, imagini, link-uri etc. Paginile de internet au extensia - html. Luați în considerare structura unui document HTML simplu <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Document

Document

Linia numită etichetă. În general, tot ceea ce este închis în simboluri<>numită etichetă. Aceste caractere sunt caractere de serviciu în limbajul HTML. Există două tipuri de etichete:

Împerecheate- aceste etichete au o etichetă de deschidere și de închidere. Eticheta de închidere conține un caracter oblic înainte. Conținutul etichetei este inserat între aceste etichete. Conținutul unei etichete poate fi fie text simplu, fie alte etichete imbricate. Exemple de etichete pereche:
Nepereche- etichete care nu sunt închise. Exemplu:

Etichetele pot fi scrise cu litere mari și mici, deoarece HTML nu face distincție între ortografii. Ar trebui să închideți întotdeauna etichetele asociate!

Este considerată o formă bună să cunoști și să poți opera cu un număr mare de etichete. Acest lucru nu trebuie să vă sperii, totul va fi amintit și va intra în capul vostru de îndată ce veți începe să vă aplicați cunoștințele în practică. Vom cunoaște principalele etichete în cursul formării noastre ulterioare. În general, un număr mare de cărți de referință HTML sunt acum disponibile pe Internet, unde puteți găsi informații actualizate, deoarece progresul nu stă pe loc, iar limbajele de programare se dezvoltă rapid și actualizările sunt lansate aproape la fiecare jumătate. un an. De asemenea, veți găsi un minim de etichete care ne vor fi necesare în timpul antrenamentului în foaia noastră de cheat.

Luați în considerare structura unui document HTML:

- Ce este această etichetă? Aceasta este versiunea HTML folosită în această pagină. Este obișnuit să porniți toate documentele HTML cu o etichetă similară. Aceasta este considerată o bună practică. DOCTYPE spune browserului în ce versiune de HTML a fost scris documentul, astfel încât toate browserele (și există multe dintre ele acum) să poată procesa corect marcajul și să afișeze conținutul documentului. Dacă acest lucru nu se face, atunci browserul implicit va determina incorect versiunea documentului, drept urmare toate marcajele se pot afișa incorect în diferite browsere. În acest caz, DOCTYPE indică versiunea HTML5.
- tot conținutul paginii este inclus între aceste etichete pereche, care informează browserul că aceasta este o pagină HTML.
-secțiunea de servicii (antet), care este folosită pentru conectarea fișierelor externe și setările responsabile pentru aspectul, ieșirea și funcționarea acestei pagini. Conținutul său, de cele mai multe ori, nu este afișat pe pagină, cu excepția etichetei de titlu. Eticheta titlu - conține titlul paginii, care este afișat în filă.
- tot ce este afișat pe pagină este scris în eticheta body.

Pentru a extinde funcționalitatea HTML, etichetelor sunt adăugate informații speciale, care sunt numite atribute. Deci, în rând:

set de caractere = "UTF-8" - atribut. Pot exista multe atribute. Atributele sunt separate printr-un spațiu. În acest caz, folosind eticheta meta HTML, pagina este specificată ca codificare UTF-8. Acestea. browser-ul este indicat cu codificarea acestui document, pentru afisarea corecta a continutului paginii.

Atributele sunt folosite pentru a extinde funcționalitatea etichetelor și vă permit să modificați atât modul în care etichetele sunt afișate pe pagină, cât și comportamentul acestora. Nu toate etichetele sunt folosite pentru a afișa informații, există etichete care sunt folosite doar pentru programarea comportamentului paginii, de exemplu, folosind JavaScript.

Întrebări pentru autocontrol

Ce este hipertextul?
Care este necesitatea de a folosi HTML?
Ce este codificarea paginii? De ce este folosit? Unde pot schimba codarea în browser?
De ce fel de atribute cunoști?
Ce sunt etichetele? Prin ce sunt diferite de atribute?
Ce etichete trebuie să conțină o pagină HTML?

Textul lecției a fost elaborat împreună cu M.

Etichete HTML- baza limbajului HTML. Etichetele sunt folosite pentru a delimita începutul și sfârșitul elementelor din marcaj.

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 sfârșit (închidere). Etichetele de început și de sfârșit conțin numele etichetei.

Toate elementele HTML sunt de cinci tipuri:

elemente goale — , ,
, , ,
, , ,
Folosit pentru a stoca informații suplimentare despre pagină. Browserele folosesc aceste informații pentru a procesa pagina, iar motoarele de căutare le folosesc pentru a o indexa. În bloc pot exista mai multe etichete , întrucât, în funcție de atributele folosite, acestea poartă informații diferite. Indicator de măsurare în intervalul specificat.
Secțiunea documentului care conține link-urile de navigare în jurul site-ului.