Specificați scopul etichetelor. Ce fac ei

Un om nu poate trăi numai din cuvinte,
oricât le-ar fi înghițit.
Adlai Stevenson.

În general, HTML nu este un limbaj de programare. Acesta este HyperText Markup Language. Adică, numirea acestuia „limbaj HTML” nu este corectă.

Pentru a spune simplu, HTML este o listă de etichete (cuvinte de control) care vă permit să reprezentați text simpluîn formă formatată. De exemplu, evidențiați-o cu aldine sau cursive etc.. Dar textul nu poate fi prezentat decât în ​​acest fel în programe speciale ah - (programe cu care navighezi pe internet).

Despre ele afișează numai textul formatat și ascunde Etichete HTML, care au fost folosite pentru formatare. Pentru a vă înțelege mai clar despre ce vorbesc, faceți clic Click dreapta mouse-ul peste această pagină și în meniul care se deschide, selectați „ Sursă" sau ceva asemanator. Această pagină se va deschide înaintea ta în forma ei actuală.

Puteți crea cod HTML atât în ​​programe obișnuite, cât și în programe speciale, așa-numitele. Editorii vizuali diferă de editorii de text prin faptul că sunt proiectați pentru tastarea codului HTML, CSS, JavaScript, PHP etc., adică pentru programarea web. În plus, vă permit să vizualizați imediat roadele muncii tale în browserul încorporat și să evidențiezi unele erori în codul tastat.

Recomand cu tărie să tastați tot codul manual (pentru a îmbunătăți claritatea acestor mâini), editori vizuali ele facilitează foarte mult acest proces. Personal, folosesc. Acest lucru este departe de cel mai mult ultima versiune, dar capacitățile sale sunt mai mult decât suficiente pentru mine.

Fac asta: introduc codul în Dreamweaver, apoi salvez și dau clic pe butonul „Vizualizare în browser” (editați singur lista de browsere din acest meniu), apoi revin la Dreamweaver și continuați editarea. Aici . Asta e tot pentru instrumente, acum să trecem la etichetele HTML.

Să începem cu structura unei pagini HTML, sau mai degrabă cu etichetele sale principale.

Etichetele HTML necesare (de bază) care sunt utilizate în fiecare document HTML includ următoarele:

Notă. Pentru ca browserul să scoată codul HTML ca text (nu să îl interpreteze în cod), las un spațiu după fiecare paranteză unghiulară de deschidere „”. Când introduceți codul, NU lăsați spații.

După cum puteți vedea, toate etichetele sunt împerecheate (există o etichetă de deschidere și una de închidere); în HTML, aproape toate etichetele sunt așa. Diferența dintre eticheta de deschidere și eticheta de închidere este că eticheta de închidere este precedată de o bară oblică „/”. Astfel de etichete se mai numesc și etichete container, deoarece între ele pot fi introduse și alte etichete, adică. puneți într-un recipient. Puteți vedea singur că între etichete există și alte etichete.

Puteți introduce numele etichetelor după cum urmează: cu litere mari, iar în majuscule, nu există nicio diferență. Adică, înregistrările de tip și pentru browser nu au diferențe și sunt interpretate în același mod. Acum să vorbim mai detaliat despre ce înseamnă aceste etichete.

Deci, etichetele principale arată browsere și alte programe pentru vizualizarea paginilor hipertext cu care au de-a face cu un document hipertext. Orice document html trebuie să înceapă cu și să se termine cu. Adica intre aceste tag-uri se afla TOT codul paginii html.

Între etichete există metaetichete (titlul paginii, descrierea, Cuvinte cheie etc.). Acestea stochează informații despre pagina html și informații tehnice. Deloc, această etichetă este opțional, adică fără acesta, documentul HTML va fi afișat în mod normal de către browsere. Dar chiar dacă nu intenționați să utilizați zona de titlu, cel puțin scrieți-o simplu. Acest lucru este necesar pentru compatibilitate între versiuni diferite programe.

Toate informațiile aflate între etichetele „HEAD” nu sunt afișate în niciun fel de către browser (cu excepția informațiilor dintre etichete, unde se află numele documentului html, afișate în panoul de sus browser). Dar ei pot oferi influență mare apariția unei pagini html, viața ei pe Internet și clasament. Despre etichetele care se află în antetul unui document hipertext vom vorbi mai târziu.

Conținutul principal al unui document HTML este situat între etichetele și. Iată tot ce vedem când deschidem o pagină html: text, grafică, meniuri, butoane etc. Acesta este „corpul” principal al paginii.

În toate celelalte etichete utilizate la crearea unui document html, acestea sunt situate între acestea (adică în interiorul). etichete obligatorii. Aproape toate etichetele din HTML au diverse atribute, proprietăți și parametri care vă permit să afișați informații exact așa cum a intenționat dezvoltatorul. De exemplu, dacă scrieți:

Apoi fundalul întregii pagini va fi roșu.

Aici o etichetă este, de fapt, o etichetă; bgcolor - atributul său; „#FF0000” - valoarea atributului (o etichetă poate avea mai multe atribute).

Notă. Toate atributele etichetei și valorile acestora sunt specificate în eticheta de deschidere (cea fără bară oblică), dar în niciun caz în eticheta de închidere.

Și așa, ne-am dat seama de etichetele principale ale unui document html. Acum este timpul să studiem restul mai detaliat. Aici vreau să fac o mică digresiune.

Punând în practică cunoștințele acumulate din, mi-am dat seama ce greșeală au făcut majoritatea autorilor acestor cărți și tutoriale. Toate aceste manuale, în primul rând, sunt destinate începătorilor, iar în al doilea rând, studiului Bazele HTML trece prin ele în ordine.

T . Adică, etichetele de titlu ale documentului html () sunt luate în considerare mai întâi, iar apoi etichetele „body” ().

Bazat pe propria experiență, îndrăznesc să spun că această ordine de învățare a elementelor de bază ale HTML este categoric inacceptabilă pentru un începător. Un începător încearcă să studieze toate aceste etichete de titlu numeroase și puțin înțelese, în primul rând, fără a vedea rezultatele învățării sale (permiteți-mi să vă reamintesc, etichetele de titlu nu sunt afișate de browser). Și în al doilea rând, fără măcar a bănui că majoritatea acestor etichete nu vor fi necesare pentru a crea site-ul pe care l-a planificat (conform macar, la începutul lucrărilor).

Astfel, nu pierde decât timpul și dorința de a continua învăţarea HTML. În același timp, menținând opinia că doar „gurus” o pot face pentru bani buni. Aș renunța și la această activitate dacă nu m-aș păsa de ceea ce încă nu înțeleg și nu aș merge mai departe.

Prin urmare, vă sugerez să luați în considerare mai întâi etichetele legate de „corpul” documentului html (), și abia apoi să treceți la restul. Mai mult, „corpul” paginii html conține informațiile pentru care vor veni vizitatorii site-ului. Iar crearea sau găsirea acestuia este mult mai dificilă decât scrierea codului.

Ei bine, acum, fără să ezitați un minut, faceți clic pe butonul „Următorul” și continuați să aflați cum acești tipi nebărbieriți și lipsiți de somn creează site-uri web.

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

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

• elemente goale - , ,
  , , , , , ,
  Folosit pentru depozitare Informații suplimentare despre pagina. Aceste informații sunt folosite de browsere pentru a procesa pagina și de motoarele de căutare pentru a o indexa. Pot exista mai multe tag-uri într-un bloc, deoarece în funcție de atributele utilizate, acestea poartă informații diferite. Indicator de măsurare într-un interval dat. O secțiune a unui document care conține link-uri de navigare pentru site. Definește o secțiune care nu acceptă scripting. Container pentru încorporarea multimedia (de exemplu, audio, video, applet-uri Java, ActiveX, PDF și Flash). De asemenea, puteți insera o altă pagină web în documentul HTML curent. Eticheta este folosită pentru a trece parametrii pluginului. Lista numerotata ordonata. Numerotarea poate fi numerică sau alfabetică. Un container cu un titlu pentru un grup de elemente. Specifică o opțiune/opțiune de selectat din lista derulantă , sau ,. Câmp pentru afișarea rezultatului unui calcul calculat cu ajutorul scriptului.

  Paragrafe din text. Definește parametrii pentru pluginurile încorporate folosind elementul. Un element container care conține un element și zero sau mai multe elemente. În sine nu afișează nimic. Permite browserului să selecteze imaginea cea mai potrivită. Produce text fără formatare, păstrând spațiile și pauzele de text. Poate fi folosit pentru a afișa codul computerului, mesaje E-mail etc. Un indicator al finalizării unei sarcini de orice fel. Definește o citație scurtă. Container pentru Personaje din Asia de Estși decriptarea acestora. Definește textul său imbricat ca componentă de bază a adnotării. Adaugă descriere scurta deasupra sau sub caracterele conținute în element, afișate într-un font mai mic. Marchează textul încorporat ca adnotare suplimentară. Ieșiri text alternativîn cazul în care browserul nu acceptă elementul. Afișează text care nu este actual cu barat. Folosit pentru a afișa text care reprezintă rezultatul execuției codul programului sau scenariu, de asemenea mesajele de sistem. Afișat cu font monospațiu. Folosit pentru a defini un script pe partea client (de obicei JavaScript). Conține fie text script, fie indică fișier extern script folosind atributul src. Definește o zonă logică (secțiune) a unei pagini, de obicei cu un antet. Un element de control care vă permite să selectați valori dintr-un set propus. Valorile variantelor sunt plasate în . Afișează textul într-o dimensiune mai mică a fontului. Specifică locația și tipul resurselor media alternative pentru , , . Container pentru elemente inline. Poate fi folosit pentru a formata pasaje de text, cum ar fi evidențierea cuvintelor individuale. Pune accent în text, evidențiind-o cu caractere aldine. Include foi de stil încorporabile. Specifică scrierea în indice a simbolurilor, de exemplu, indicele elementului în formule chimice. Creează un titlu vizibil pentru etichetă. Afișat cu un triunghi umplut, făcând clic pe acesta vă permite să vizualizați detaliile titlului. Specifică scrierea în superscript al caracterelor.

  Bună ziua, dragi cititori ai site-ului blogului. De fapt, acest termen are mai multe sensuri care nu se potrivesc într-un fel anume. Voi încerca să vorbesc despre fiecare dintre ele în această publicație.

  Veți afla ce sunt etichetele HTML și cum diferă acestea de metaetichetele și veți afla, de asemenea, cum sunt folosite etichetele ca etichete pe site-uri (varietatea lor) și, în final, în schiță generală Să ne uităm la etichetele muzicale din fișierele audio. Așa devine multifațetat acest termen.

  Dar, în toate cazurile, cuvântul „etichete” înseamnă markup sau pagini web cu folosind HTML codul sau întregul site folosind etichete sau colecția de muzică specificând albumul și melodia.

  Ce sunt etichetele pe un site web (etichete pentru crearea navigării)

  Să începem simplu. Probabil că ați văzut cu toții că sub unele articole de pe site-uri web există un câmp numit etichete sau etichete, unde sunt enumerate unele cuvinte. De ce se face asta? În general, pentru a facilita navigarea pe acest site ().

  Așa-numitele cuvinte cheie sunt folosite ca etichete, al căror set caracterizează pe scurt publicația (de exemplu, pentru pagina principala Următorul set de etichete s-ar potrivi blogului meu: crearea site-ului web; promovare; promovarea site-ului web; câștiguri).

  Cu ajutorul acestor cuvinte se va putea determina clar despre ce a fost vorba în acest articol. Dar valoarea lor principală nu este aceasta, ci faptul că un vizitator poate face clic pe orice etichetă și poate vedea o listă cu toate articolele de pe site-ul în care a apărut. În esență, aceasta este Unealtă puternică clasificarea informatiilor.

  Pentru a nu căuta etichetele necesare Sub articole, proprietarii de site-uri web creează foarte des un așa-numit nor de etichete, care poate fi plasat în coloana din stânga sau din dreapta site-ului sau în subsolul acestuia (jos). Această rușine în practică poate arăta astfel:

  

  De obicei, listează cele mai populare etichete și puteți vizualiza toate etichetele făcând clic pe linkul corespunzător. Uneori, etichetele utilizate mai frecvent (apar în Mai mult articole de pe acest site) afișează mai multe imprimare mare, și mai puțin frecvente - mai mici.

  

  Uneori sunt create pentru a le afișa pagină separată, așa cum se arată în captura de ecran anterioară.

  De ce această metodă de etichetare nu este utilizată pe toate site-urile web dacă este convenabilă pentru utilizatori? Nu sunt nici pe blogul meu, pentru care există o serie de explicații. Deși utilizarea lor este furnizată în mod implicit, există și o mulțime de plugin-uri pentru lucrul cu etichete.

  Da, etichetele funcționează grozav atunci când ai puține articole și îți amintești bine toate etichetele pe care le-ai creat deja și le-ai folosit în alte articole. Dar, odată cu creșterea numărului de materiale, numărul de etichete crește brusc; acestea încep să fie parțial duplicate atunci când sunt folosite cuvinte cheie cu sens apropiat.

  Rezultă o mizerie uriașă, a cărei valoare în ceea ce privește îmbunătățirea navigației, după părerea mea, este destul de îndoielnică. În acest scop, pe un proiect web mare, este mai bine să utilizați căutarea pe site. Deși etichetele funcționează bine în în rețelele sociale, unde puteți combina informații folosind etichete utilizatori diferițiși vizualizați-l într-un singur loc. .

  Ce sunt etichetele HTML?

  M-am hotărât mai întâi să le studiez acum cincisprezece ani, dar apoi Eticheta de titlu Nu am făcut niciun progres atunci. Apoi am dat peste un curs video gratuit de Evgeniy Popov pe Html și lucrurile au mers bine. Desigur, acel curs a apărut doar stadiul inițial, dar tocmai această prezentare simplă le lipsește adesea începătorilor.

  Aceste lecții acoperă etichete de bază, cu ajutorul cărora puteți crea apoi cu ușurință tabele, puteți introduce imagini și hyperlinkuri în text, puteți adăuga diverse formulare pe site și multe altele. Total 33 videoclipuri gratuite pe tema Html.

  Dar cursul video este un curs video și trebuie să te interesez ca să-l descarci și să îl urmărești. Din fraze generale nu este clar ce etichete sunt în limbajul HTML și de ce trebuie să le studiezi. Oh, asta este grozav și lucru simplu, care vă va permite să deveniți stăpânul propriului site web. De ce ai nevoie de un site web?

  Ei bine, probabil, în primul rând, pentru auto-exprimare și efort, și în al doilea rând - . Stai liniștit, altfel toată lumea va auzi și va alerga să studieze ce sunt etichetele, să facă site-uri web și să câștigi tot ceea ce doar tu ai putea câștiga, iar eu sunt în companie. Prin urmare, voi continua să vorbesc exclusiv în șoaptă.

  Internetul poate fi comparat cu televiziunea, unde îți faci propriul program mic (creezi un site web folosind etichete) și primești venituri din publicitate. Cu cât emisiunea (proiectul pe internet) este mai popular, cu atât vei câștiga mai mult. Nu există o limită superioară, deși nu există nici o limită inferioară. Dar nu trebuie să investiți bani, ci doar munca și timpul petrecut studiind etichetele, cum funcționează motorul și, de fapt, umpleți site-ul cu conținut.

  Deci, etichetele sunt cele mai simple elemente de marcare ale unei pagini web, astfel încât browserul, atunci când o încarcă de pe server, înțelege exact cum să afișeze un anumit element (text, imagine, video). Anterior, limbajul Html era responsabil doar de toată această chestiune, dar apoi i-au venit în ajutor și i-a devenit mult mai ușor. Popov are și un curs video gratuit despre ele, care poate fi descărcat de aici.

  Băieți, când stăpâniți etichetele Html, veți înțelege că a fost la fel de ușor ca să decojiți perele. Cel mai important este să începi și să te stimulezi cumva. Nu vorbesc doar cu tine latura financiara Spun. Site-ul poate deveni principala ta sursă de venit și întreaga familie se poate hrăni din el. Ai nevoie de noroc, perseverență și să nu-ți fie frică să încerci lucruri noi.

  Există diferite etichete, dar nu sunt multe dintre ele (dintre cele care au rămas relevante după implementare în viata css). Uite ce simplu este. Să presupunem că doriți să creați un paragraf - pur și simplu înconjurați textul viitorului paragraf cu etichete P de deschidere și de închidere (aceasta este literă latină iar în cod e mai bine să-l scrii mic, dar aici l-am făcut capital pentru claritate). Iată cum va arăta:

  Text text...... text text

  Înțelegeți diferența dintre eticheta Html de deschidere (la început) și eticheta de închidere (la sfârșit)? Ei bine, desigur, tocmai am adăugat o bară oblică înainte după paranteza triunghiulară.

  

  Oh, am uitat să spun După ce criterii separă browserul etichetele?(markup) din conținutul principal. Ai ghicit singur?

  Așa e, acestea sunt paranteze triunghiulare în care le anexăm. Browserul a văzut o astfel de paranteză atunci când a analizat codul unei pagini web și și-a dat seama că este o etichetă și prelucrează tot ce conține ea conform unui anumit algoritm (face paragrafele distanțate în înălțime, mărește fontul titlurilor etc.) .

  Dacă trebuie să utilizați o paranteză triunghiulară de deschidere în text, asigurați-vă că o faceți astfel încât browserul să vă înțeleagă corect. Acest lucru trebuie amintit.

  În cod ele pot arăta, de exemplu, astfel:

  De fapt, acestea contin descrierea si cuvintele cheie ale paginii web pentru care sunt inregistrati. Citiți mai multe despre ele în articolul de mai sus.

  Metaetichetele sunt scrise în codul paginii web într-un loc strict definit. Stii care? Așa este, în așa-numitul „cap” al documentului, care constă în etichetele HEAD de deschidere și de închidere.

  Orice lucru scris în interiorul lor (inclusiv etichetele META) nu va fi afișat pe pagina web. Este strict informatii de serviciu. Descrierea de mai sus și cuvintele cheie spun motoare de căutare despre conținutul acestei pagini web și metaeticheta dată chiar mai jos.

  Ce sunt etichetele muzicale în fișierele audio?

  Când ați ascultat muzică în mașină sau pe player (telefon), probabil că ați observat de mai multe ori că în locul titlului piesei și al numelui autorului-interpret au fost afișate niște farfurii înfiorătoare. S-ar putea presupune că numele fișierelor muzicale descărcate sunt scrise într-o codificare greșită în limba rusă.

  Dacă redenumiți fișierele folosind , veți vedea în continuare o imagine neplăcută pe player. Ce să fac? Și cine este de vină pentru această situație? Destul de ciudat, motivul sunt etichetele incorecte în acest fișier muzical.

  Sunt cusute direct în fișierul audio (la începutul sau la sfârșitul acestuia) și pot conține informații despre compoziție, autorul acesteia, albumul, durata piesei și altceva nu atât de important. În cele mai recente încarnări ale etichetelor muzicale, chiar și imagini ale copertelor CD-urilor pot fi cusute în ele (în general, o ciumă).

  Dar problema apare, de regulă, nu în disponibilitatea lor, ci în obținerea capacității de a le edita. Vine un moment în viața fiecărui iubitor de muzică care se respectă când este „gata să rupă și să arunce”, doar pentru a pune lucrurile în ordine în colecția sa și pentru a adăuga etichete corecte la toate melodiile care pot fi citite de pe orice dispozitiv. Cum să o facă?

  Prin utilizarea software special. Etichetele în sine au apărut în fișierele audio pentru prima dată la sfârșitul secolului trecut. Pentru fișierele MP3, standardul pentru adăugarea lor se numea ID3, iar pentru fișierele de muzică care sunt comprimate fără pierderi de calitate (cum ar fi FLAC și altele asemenea), standardul pentru adăugarea de etichete (metadate) se numea comentariu Vorbis.

  Pentru muzica înregistrată în Windows format WMA există metadate WM, iar pentru Apple MP4 există metadate iTunes (apropo, am scris recent despre asta).

  Deci, puteți edita etichetele folosind programe speciale. Cel mai popular dintre ele este probabil Mp3tag (site-ul oficial, dar aveți grijă când descărcați - nu faceți clic accidental pe un anunț care oferă să descărcați ceva complet diferit). Cred că toate celelalte programe le veți găsi singur, mai ales că acesta va fi suficient pentru a finaliza această sarcină.

  Iată cât de diverse s-au dovedit a fi etichetele, care în toate aceste cazuri și-au îndeplinit rolul principal - marcare (de articole de pe un site, conținut pe o pagină web sau metadate în fișiere muzicale). Sper că acum aveți mai puține întrebări pe acest subiect.

  Multă baftă! Ne vedem curând pe paginile site-ului blogului

  Puteți viziona mai multe videoclipuri accesând „);”>
  

  S-ar putea să fiți interesat

  Etichete pentru Instagram - de ce sunt necesare și unde să le vedeți pe cele mai populare
  Hashtag-uri - ce sunt acestea și cum sunt utilizate hashtag-urile pe Twitter, Instagram și alte locuri Cum se adaugă automat Atribut Alt la etichetele Img ale blogului dvs. WordPress (unde nu există)
  Link - ce este și cum se creează
  radical - găzduire foto gratuită cu încărcare rapidă și ușoară a fotografiilor prin Radikal.ru

  O etichetă este un cuvânt special rezervat inclus între paranteze unghiulare (de exemplu, ). O etichetă este componenta principală a HTML: codul începe cu ea, se termină cu ea, iar informațiile afișate pe pagina web sunt conținute în etichete. Este recomandat să le notați în litere mici, adică cu litere mici obișnuite: nu, dar.

  Care sunt tipurile de etichete?

  Majoritatea etichetelor HTML sunt împerecheate: există o etichetă de deschidere (de exemplu, ) și o etichetă de închidere, care se distinge de eticheta de deschidere printr-o bară oblică (/) după prima paranteză unghiulară (de exemplu, ). Tot ceea ce se află în interiorul unei perechi de etichete se numește conținutul acestora.

  Conținut Textul plasat în interiorul acestor etichete devine aldine

  Există, de asemenea, etichete nepereche (single), care se numesc etichete. Ele, spre deosebire de etichetele pereche, nu trebuie să fie închise, deoarece nu funcționează cu conținutul, ci îndeplinesc anumite funcții pe cont propriu. Exemplu de etichetă cu o singură etichetă -
  . Setează textul să se încadreze la următoarea linie.

  Dacă facem paralele cu limba rusă, putem spune că etichetele pereche sunt ghilimele sau parantezele care afectează proprietățile textului conținut în ele (încercați să nu închideți ghilimelele la timp), iar etichetele simple (semnele) sunt semne de punctuație ( exclamație, întrebare sau punct).

  Orice etichetă constă din:

  • Suport unghi deschis (< ).
  • Un cuvânt special (numele etichetei). De exemplu, hr , iframe , b .
  • Suport unghi de închidere (> ).
  Etichete HTML de bază

  Deoarece etichetele sunt baza limbajului de marcare, nu este surprinzător că există destul de multe. Să ne uităm la principalele, cele mai importante etichete.

  • - o singură etichetă, care conține un comentariu. Un comentariu este un text care nu este procesat de browser. Puteți scrie orice doriți în interiorul etichetei, chiar și alte etichete - nu vor funcționa, nu vor apărea pe ecran. Dezvoltatorii comentează codul fie pentru ca alți webmasteri să-l înțeleagă mai ușor, fie pentru ca mai târziu perioadă lungă de timp Ei înșiși au reușit să o înțeleagă rapid.
  • , , , , sunt etichete care ar trebui să fie prezente în orice document HTML decent (pentru mai multe detalii, consultați „Cum să creați un site web în Notepad”).
  • - eticheta conține informații auxiliare pentru browsere și motoarele de căutare. În interiorul acestuia puteți scrie cuvinte cheie, descrierea paginii, codificarea documentului, numele autorului etc.
  • conține un link către fișierul script sau codul în sine.
  • - o etichetă care specifică stilul documentului și/sau elementele acestuia cu folosind CSS. Un document HTML poate conține multe etichete care definesc stiluri diferite părți diferite pagini.
  • - total invers, completând-o. Eticheta specifică „antetul” (titlul) unei secțiuni sau a întregii pagini.
  • stochează „picioarele” unui site sau secțiune. În interiorul acestuia puteți plasa informații de sprijin, drepturi de autor, informații de contact etc.
  • conţine conţinutul principal al paginii. Nici antetul, nici blocul de meniu, nici „picioarele” site-ului, ci pentru ce a fost creată pagina. De exemplu, pe pagina pe care o citiți acum, acest articol ar trebui să fie amplasat în interior.
  • conceput pentru crearea de link-uri. Link-urile sunt rădăcina hipertextului, motiv pentru care acest articol le este dedicat.
  • necesare pentru a adăuga imagini pe o pagină web (la serviciul dumneavoastră este dedicat acestei acțiuni).
  • ,
    , - , , ,

    , , , și alte etichete de formatare a textului alcătuiesc un grup mare de etichete HTML; acestea sunt discutate în articolul „Formatarea textului în HTML”.

  • - element bloc. Textul din interior este formatat folosind CSS (cascading style sheets, care este subiectul celei de-a doua părți a tutorialului).
  • . Ai un paragraf

    sau bloc Textul din el este formatat în stil uniform, dar ați dori să aveți câteva cuvinte într-o dimensiune sau culoare diferită a fontului, fără a rupe structura. Pentru astfel de situații este destinată eticheta.

  • ,
    ,
    • - lista de etichete. Marcat, numerotat - lucrul acestor etichete. Există, de asemenea, liste de definiții pentru care sunt responsabile etichetele și, dar veți afla în detaliu despre toate cele șase în articolul „Crearea listelor”.

  Etichetă pentru crearea unui tabel.
  	Definește corpul tabelului.
  		Creează o celulă de tabel.
  	Folosit pentru a declara fragmente de cod HTML care pot fi clonate și inserate într-un document printr-un script. Conținutul unei etichete nu este un copil al acesteia.
  	Creează câmpuri mari de introducere a textului.
  	Definește subsolul tabelului.
  	Creează un titlu de celulă de tabel.
  	Definește titlul tabelului.
  	Definește data/ora.
  	Titlul unui document HTML care apare în partea de sus a barei de titlu a browserului. Poate apărea și în rezultatele căutării, așa că acest lucru ar trebui să fie luat în considerare atunci când furnizați un titlu.
  Creează un rând de tabel.
  	Adaugă subtitrări pentru elemente și .
  	Evidențiază un pasaj de text prin subliniere, fără un accent suplimentar.
  	Creează o listă cu marcatori.
  	Evidențiază variabilele din programe afișându-le cu caractere cursive.
  	Adaugă fișiere video pe pagină. Suporta 3 formate video: MP4, WebM, Ogg.
  	Indică browserului unde se poate rupe o linie lungă.

  , , , sunt folosite la crearea tabelelor și sunt discutate în detaliu într-un articol separat.
  - o etichetă care adaugă interactivitate unei pagini, adică permițând utilizatorului să interacționeze cu site-ul web. Desigur, formularul are nevoie de un handler, dar cu ajutorul etichetelor din interior puteți crea o interfață. Casetele de selectare, butoanele, butoanele radio, câmpurile de introducere și alte obiecte care necesită acțiuni active din partea dvs. sunt toate elemente de formular al căror cod este plasat în interiorul unui container.
  - o etichetă care creează un buton interactiv. Pentru ca ceva să se întâmple când dai clic pe el, butonul trebuie să fie în formular (situat între etichete).
  creează elemente de formular: comutatoare, casete de selectare, butoane, tot felul de câmpuri de introducere. Introdus într-un recipient. Dar de ce avem nevoie de altele separate dacă există una universală? vă permite să creați un buton cu parametri avansați. De exemplu, puteți plasa o imagine pe un buton. Acest lucru nu se poate face pe un element creat prin .
  și - etichete de creare a meniului în HTML 5. - acesta este un container în interiorul căruia sunt plasate elemente, a căror adăugare duce la crearea elementelor de meniu. Un cuplu destul de interesant. De exemplu, cu ajutorul lui, vă puteți crea propriul dvs meniul contextual pentru o pagină sau elementul ei individual.
  - o altă etichetă de formular care creează un câmp mare în ea, în care puteți introduce nu doar un rând de text, ci paragrafe întregi.

  ÎN limbaj HTML tot ceea ce scrieți într-un document HTML va fi afișat pe ecranul browserului ca text solid, adică browserul ignoră întreruperile de linie și mai multe spații pe care le-ați introdus pe rând sunt înlocuite cu unul singur.

  Etichetele sunt comenzi de control care au fost inventate pentru a formata textul, de exemplu. etichetele spun browserului exact cum să afișeze porțiunea de text inclusă în etichete. Pentru a crea o etichetă, introduceți cod HTML între paranteze unghiulare, care este destinat numai browserelor. Vizitatorii site-ului nu văd etichete.

  După cum sa menționat mai sus, toate etichetele încep cu un parantez unghiular< и заканчиваются угловой скобкой >. Paranteza unghiulară de deschidere este urmată de numele etichetei (comandă).

  De exemplu, o etichetă este destinată să sublinieze textul; browserele afișează un astfel de text cu caractere cursive. Când browserul întâlnește această etichetă, trece la formatarea textului după etichetă în font italic.

  Să ne uităm la un exemplu:

  Acest text este normal. Acest text este cu caractere cursive.

  Eticheta se numește etichetă de început sau de deschidere, ceea ce înseamnă că este inclusă de browser o anumită echipă(V în acest caz, scrise cu italice). Majoritatea etichetelor au o pereche sub forma unei etichete de închidere care dezactivează comanda.

  Eticheta de închidere arată la fel ca eticheta de început, dar începe cu o bară oblică. Deci, eticheta de final pentru italic este .

  Să ne uităm la un exemplu:

  Acest text este normal. Atenţie! Cursive. Acesta este din nou un font obișnuit.

  După cum probabil ați observat, browserul analizează secvențial documentul HTML în căutarea comenzilor (etichete) și aplică sau dezactivează parametri diferiți formatarea textului. Browserul afișează text formatat (tot ceea ce nu este o etichetă) în fereastra sa.

  , Și

  Procesul de inserare a etichetelor în text simplu, neformatat se numește marcare într-un document HTML, iar etichetele sunt numite caractere de marcare. La scrierea etichetelor nu se ține cont de cazul literelor; eticheta poate fi scrisă atât cu litere mici, cât și cu litere mari, dar este totuși recomandat să folosiți majuscule.

  Mai jos sunt exemple de etichete HTML de bază, cu o explicație a utilizării lor, precum și exemple despre cum pot fi utilizate într-un document HTML.

  Titluri

  Există etichetă specială pentru a specifica antetele în HTML. Există 6 niveluri de titluri în HTML, de la cele pentru cele mai importante anunțuri, la cele pentru cele mai puțin importante.