Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Windows 8
  • Toate etichetele html cu descrieri și exemple. Ce sunt etichetele HTML și ce tipuri de etichete există

Toate etichetele html cu descrieri și exemple. Ce sunt etichetele HTML și ce tipuri de etichete există

Salutare dragi cititori ai site-ului blogului. De fapt, acest termen are mai multe semnificații care nu prea se potrivesc între ele. Voi încerca să vă povestesc despre fiecare dintre ele în această postare.

O sa inveti, ce sunt etichetele htmlși cum diferă de meta-etichete, precum și cum să învețe cum să folosească etichetele ca etichete pe site-uri (varietatea lor este -) și, în sfârșit, în termeni generali, să ia în considerare muzica etichete în fișierele audio... Acesta este cât de multifațet se dovedește a fi termenul.

Dar în toate cazurile cuvântul „etichete” înseamnă markup fie pagini web folosind cod HTML, fie întregul site folosind etichete, fie colecția ta de muzică folosind o specificație de album și melodie.

Ce sunt etichetele de pe site (etichete pentru crearea navigației)

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

Asa numitul Cuvinte cheie, al cărei set caracterizează pe scurt publicația (de exemplu, următorul set de etichete ar fi potrivit pentru pagina principală a blogului meu: crearea site-ului web; promovarea; promovarea site-ului; câștigurile).

Cu ajutorul acestor cuvinte, va fi posibil să definim fără ambiguitate despre ce a fost vorba în acest articol. Dar valoarea lor principală nu este în asta, ci în faptul că un vizitator poate face clic pe orice etichetă și poate vedea o listă cu toate articolele de pe site-ul în care s-a întâlnit. De fapt, este un instrument puternic pentru clasificarea informațiilor.

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

De obicei, listează cele mai populare etichete și puteți vedea toate etichetele făcând clic pe linkul corespunzător. Uneori, etichetele mai des folosite (se găsesc în mai multe articole de pe acest site) sunt afișate cu un font mai mare, în timp ce cele mai puțin frecvente sunt afișate cu un font mai mic.

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

De ce așa modalitate de a marca cu etichete nu este folosit 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ă se dubleze parțial atunci când se folosesc cuvinte cheie care au sens apropiat.

Devine 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 pe rețelele sociale, unde puteți folosi etichete pentru a combina informații de la diferiți utilizatori și a le vizualiza într-un singur loc. ...

Ce sunt etichetele HTML?

Pentru prima dată am decis să le studiez acum cincisprezece ani, dar apoi nu am progresat dincolo de eticheta Title. Apoi am pus mâna pe cursul video gratuit al lui Evgeny Popov despre Html și a mers bine. Desigur, acel curs a fost doar etapa inițială, dar o prezentare atât de simplă lipsește adesea pentru începători.

În aceste lecții sunt luate în considerare etichetele de bază, cu ajutorul cărora apoi puteți crea cu ușurință tabele, puteți introduce imagini și hyperlinkuri în text, puteți adăuga diverse forme pe site și multe altele. Total 33 de videoclipuri HTML gratuite.

Dar cursul video este un curs video și ar trebui să te interesez astfel încât să îl descărcați și să îl urmăriți. Nu este clar din expresiile comune ce etichete sunt în limbajul HTML și de ce ar trebui să le studiați. Oh, acesta este un lucru grozav și simplu care vă va permite să deveniți stăpânul propriului site. De ce ai nevoie de un site web?

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

Internetul poate fi comparat cu televiziunea, unde vă creați propriul program mic (creați un site web folosind etichete) și obțineți venituri din publicitate. Cu cât programul tău (proiectul de internet) este mai popular, cu atât câștigi 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 pentru studierea etichetelor, funcționarea motorului și, de fapt, umplerea site-ului cu conținut.

Deci, etichetele sunt cele mai simple elemente de marcare a unei pagini web, astfel încât browserul, atunci când o încarcă de pe server, înțelege cum să afișeze un anumit element (text, imagine, video). Anterior, limbajul Html era singur responsabil de toată treaba, dar apoi au venit la el cu ajutor și i-a devenit mult mai ușor. Popov are și un curs video gratuit despre ele, pe care îl puteți descărcați 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. Vă spun despre partea financiară cu un motiv. Site-ul poate deveni principala ta sursă de venit și întreaga familie se poate hrăni cu el. Ai nevoie de noroc, perseverență și să nu-ți fie frică să întâlnești lucruri noi.

Etichetele sunt diferite, dar nu sunt multe dintre ele (dintre cele care au rămas relevante după introducerea CSS). Vezi cât de simplu este. Să presupunem că doriți să creați un paragraf - doar înconjurați textul viitorului paragraf cu etichete P de deschidere și de închidere (aceasta este o literă latină și este mai bine să o scrieți în codul mic, dar aici am făcut-o cu majuscule pentru claritate). Cam asa va arata:

Text text ....... text text

Înțelegeți care este diferența dintre eticheta Html de deschidere (la început) și cea 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 cum separă browserul etichetele(markup) din conținutul principal. Ai ghicit singur?

Așa este, așa este paranteze triunghiulareîn care le închidem. Browserul a văzut o astfel de paranteză atunci când a analizat codul paginii web și și-a dat seama că este o etichetă și procesează tot ceea ce conține în 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ă deschisă în text, atunci asigurați-vă că o faceți cu ajutorul, astfel încât browserul să vă înțeleagă corect. Acest lucru trebuie amintit.

În cod, pot arăta astfel:

De fapt, acestea conțin descrierea și cuvintele cheie ale paginii web pentru care sunt scrise. Citiți mai multe despre ele în articolul de mai sus.

Meta tag-urile sunt scrise în codul unei pagini web într-un loc strict definit. Stii care? Așa este, în așa-zisul „cap” al documentului, care este deschiderea și închiderea etichete HEAD.

Tot ceea ce este scris în interiorul lor (inclusiv etichetele META) nu va fi afișat pe pagina web. Acestea sunt informații strict proprietare. Descrierea de mai sus și cuvintele cheie le spun motoarelor de căutare despre conținutul unei anumite pagini web și despre metaeticheta de mai jos.

Ce sunt etichetele muzicale în fișierele audio?

Când ați ascultat muzică în mașină sau pe player (telefon), probabil ați observat de mai multe ori că sunt afișate niște krakozyabra înfiorătoare în locul numelui piesei și al numelui autorului-artist. S-ar presupune că acestea sunt numele fișierelor muzicale încărcate scrise într-o codificare greșită a limbii ruse.

Redenumirea fișierelor cu, 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, dar motivul este greșit etichete prescrise în acest fișier muzical.

Sunt cusute direct în fișierul audio (la început sau la sfârșit) ș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 de discuri pot fi cusute în ele (în general, ciuma).

Dar problema apare, de regulă, nu în disponibilitatea lor, ci în obținerea posibilitatea de a le edita... În viața fiecărui iubitor de muzică care se respectă, vine un moment în care el este „gata să rupă și să arunce”, doar pentru a pune lucrurile în ordine în colecția sa și pentru a prescrie etichetele corecte care pot fi citite de pe orice dispozitiv pentru toate piesele. Cum să o facă?

Cu ajutorul unui software special. Etichetele în sine în fișierele audio au apărut 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 muzicale care au fost 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 format Vindosovsky WMA, există metadate WM, iar pentru Apple MP4 - metadate iTunes (apropo, am scris recent despre asta).

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

Etichetele s-au dovedit a fi atât de diverse, care în toate aceste cazuri și-au jucat rolul principal - marcaj (articole de pe 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 dintre ele
Hashtag-uri - ce sunt acestea și cum sunt utilizate hashtag-urile pe Twitter, Instagram și în alte locuri Cum să adăugați automat atributul Alt la etichetele Img ale blogului dvs. WordPress (unde acestea nu sunt prezente)
Link - ce este și cum se creează
Radical - găzduire gratuită de fotografii cu încărcare rapidă și ușoară a fotografiilor prin Radikal.ru

Toți cei care citesc acest tutorial probabil știu ce este HTML. Dar privirea la elementele de bază poate ajuta la creșterea cunoștințelor și la perfecționarea abilităților, mai ales în fața tehnologiilor web în continuă evoluție.

Se vorbește mult despre modificările aduse de HTML 5. Fiecare etichetă menționată în acest articol este acceptată atât în ​​HTML 4.01, cât și în HTML 5. Deși unele dintre aceste etichete sunt utilizate pe scară largă, va fi foarte util să revizuiți metodele implicate .

1.

Fiecare carte despre programare conține o mențiune că este foarte util să explici ce face codul tău. De ce comentarea este o practică bună? Acest lucru este foarte util pentru cititorul codului dvs. pentru a înțelege esența a ceea ce se întâmplă.

Pentru HTML, comentarea poate părea o clauză de creștere în greutate. Cu toate acestea, comentariile pot fi utile pentru definirea secțiunilor și pentru menținerea structurii și organizării codului paginii. Marcarea începutului și a sfârșitului diferitelor secțiuni poate ajuta cu adevărat atunci când lucrați la un proiect.

  • Elementul de meniu 1
  • Elementul de meniu 2

Acesta este conținutul principal.

...

2. Stiluri de masă: , , și

Pentru a realiza un design bun al tabelelor, trebuie să utilizați etichetele indicate în subtitlu. Toate afectează rândurile de masă și pot fi ușor de stilat.

Articol Cant
Sumă 7
#1 3
#2 4

Înfășurăm rândurile de masă ... Așa se formează titlul tabelului.

Prin înfășurarea liniilor formăm liniile rezumative în partea de jos a tabelului. Siruri de caractere trebuie definite înaintea liniilor astfel, rândurile totale sunt afișate înaintea restului rândurilor din tabel.

Încheiem liniile de date .

Paragraf Cant
Sumă 7
#1 3
#2 4

3.

O listă derulantă este o modalitate excelentă de a prezenta date pentru selecția unui utilizator. Nu numai că ocupă puțin spațiu, dar sunt familiare utilizatorilor și ușor de utilizat. Proprietate minunată este capacitatea de a crea categorii (sau subtitluri) pentru articolele din listă.

Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears

4. Titluri -

,

,

,

,

, și

Toată lumea folosește titluri, desigur. Dar să fiu sincer, când ai folosit ultima dată

sau un titlu chiar de nivel inferior? Titlurile vă permit să construiți mai puține constructe semantice, cum ar fi stiluri suplimentare pentru text
.

Nu este nevoie să creați muncă suplimentară pentru dvs. Amintiți-vă etichetele de titlu.

5.
și

Toată lumea iubește site-urile care facilitează găsirea informațiilor de care aveți nevoie printre articolele grupate logic.

grupează elementele de formă prin desenarea unui cadru dreptunghiular în jurul lor. De asemenea, este posibil să adăugați un titlu unei astfel de secțiuni folosind .

Informatii generale:

6.

Etichetă nu afectează în niciun fel stilul. Afectează funcționalitatea paginii.

7.

Dacă trebuie să dai un efect dramatic oricărei expresii, atunci poți folosi

... În mod implicit, o linie goală va fi inserată înainte și după element. De asemenea, va adăuga umplutură pentru a separa textul conținut în element de restul conținutului.

Exemplu de utilizare a etichetei

Exemplu de utilizare a etichetei

8.

Nu se poate spune că se refera la

dar de obicei sunt folosite împreună.

Gândește-te la etichetă când trebuie să citezi pe cineva.

Exemplu de utilizare a etichetei
împreună cu eticheta ... Această propoziție este inclusă într-o etichetă .

Un exemplu de utilizare a etichetei blockquote împreună cu eticheta cite. Această propoziție este inclusă într-o etichetă .

9.

Folosirea listelor este o modalitate excelentă de a organiza informațiile. Toată lumea știe despre

    dar cât de des folosești
      și
      ? Probabil că numele „listă de definiții” poate deruta un dezvoltator novice și îl poate face să creadă că o astfel de listă poate fi folosită doar pentru a introduce definiții și condiții. Cu toate acestea, această situație nu este adevărată.

      Tipuri de listă

      1. Lista neordonată (ul)
      2. Lista ordonata (ol)
      3. Lista de definiții (dl)

      Ce fac ei

      • Lista neordonată (ul): listă punctată
      • Lista ordonata (ol): lista numerotata
      • Lista de definiții (dl): Listă cu definițiile articolelor

      Motive pentru utilizarea listelor

      • Stilul de conținut consistent
      • Doar creează
      • Sunt universale

      Modul în care fiecare tip de listă afișează informații este diferit de celălalt. Cu siguranță nu este nevoie să ne oprim

        și
          dar structura listei de definiții necesită clarificări suplimentare.

          Elementul din listă # 1
          Definiția pentru elementul din listă # 1
          Elementul din listă # 2
          Definiția pentru elementul din listă # 2

          În loc să definiți un element din listă (

        1. ), folosim două etichete:
          și
          .
          definește fiecare element din listă și
          descrie punctul de mai sus. Mai jos este lista conform codului listei de definiții afișat anterior.

          Elementul de listă # 1 Definiția pentru elementul de listă # 1 Elementul de listă # 2 Definiția pentru elementul de listă # 2

          10. „(și alte caractere ASCII)

          Când utilizați HTML, trebuie să utilizați coduri ASCII atunci când trebuie să inserați un caracter. O astfel de regulă necesită pași suplimentari, dar asigură că toate caracterele sunt afișate corect pe ecranul utilizatorului, iar browserul nu le percepe ca parte a markupului. Ați întâlnit vreodată vreun text care nu este afișat corect? De obicei, textul problematic este creat folosind ghilimele, apostrofe, semne mai puțin și așa mai departe. De fapt, nu există multe astfel de personaje și merită să ne amintim codurile lor ASCII.

          În viața fiecărui copywriter, începe etapa de cunoaștere a etichetelor html. Acest lucru se întâmplă de obicei spontan și arată ca cererea unui client de a „pregăti textul pentru publicare”. Aceasta înseamnă că în articol trebuie să evidențiați titluri, paragrafe, locuri semnificative și liste, dar nu cu posibilități Word, ci cu un cod special de limbaj html. Va ajuta cu asta etichete pentru copywriter... Lista necesară pentru muncă este de obicei mică, dar este suficientă pentru formatarea textului cu cerințe standard. Ce este inclus în etichetele html necesare unui copywriter? (Dacă vă este prea lene să citiți, atunci derulați în jos - există o infografică tematică simplă și de înțeles despre etichetele html!)

          Copywriter-ul pune întrebările tradiționale. Și toate încep cu formularea „Ce etichetă este setată...”:

          • titlu;
          • paragraf;
          • miniatură;
          • cursive;
          • listă cu marcatori / fără etichetă /

          Toate acestea adaugă caracter picant la TK și stimulează dezvoltarea de noi cunoștințe. Situația se agravează atunci când sarcina este de a folosi eticheta de text aldine pentru a crește atractivitatea cheii în motorul de căutare. Dar toate acestea pot fi rezolvate foarte simplu, cu care ne vom da seama acum.

          Etichete pentru crearea titlurilor

          Etichetele pentru crearea titlurilor sunt reprezentate de elemente h1-h6. Ei au primit scrisoarea lor de la antetul englezesc (titlu). Pentru a seta tipul necesar de titlu și pentru a sublinia semnificația acestuia pentru motorul de căutare, se folosește următorul cod:

          Titlul H1

          Titlul H2

          Titlul H3

          Titlul H4

          Titlul H5
          Titlul H6

          Pe site va arăta așa.

          Titlul H1

          Titlul H2

          Titlul H3

          Titlul H4

          Titlul H5
          Titlul H6

          Cel mai important - și vizibilitatea - este titlul h1. Este folosit ca nume al postării și este folosit o singură dată. Pentru subtitlurile din text, se recomandă h2 și h3. Ele ajută la sublinierea semnificației materialului în cauză și la împărțirea articolului pe niveluri informaționale.

          Titlurile h4-h6 practic nu sunt folosite, dar sunt solicitate pentru evidențierea blocurilor logice și a fragmentelor importante.

          Pentru articolele mari este mai bine să folosiți titlurile h1-h3, pentru articolele mici h1 și h2.

          Liste: cu marcatori și fără etichete

          Textul bine structurat are întotdeauna una sau mai multe liste. După aspectul lor, listele sunt:

          1. marcate - au numerotare;
          2. nemarcate - elementele sunt marcate cu simboluri.

          Dar tot designul Word nu este potrivit pentru publicațiile de pe site, așa că merită să învățați cum să formatați corect listele în etichete html.
          Etichetă listă cu marcatori arata asa:

          Etichetați lista fără etichetă Asa de:

          Mai mult, fiecare element al listei are propriul său html-framing:

          Se pare că pentru a selecta o listă cu marcatori în text folosind codul html, va trebui să combinați ambele tipuri de elemente utilizate. Va arata asa:

          1. Element din listă
          2. Element din listă
          3. Element din listă
          4. Element din listă

          Pentru o listă fără etichetă, același lucru este valabil:

          • Element din listă
          • Element din listă
          • Element din listă
          • Element din listă

          Cu listele rezolvate. Poți merge mai departe.

          Textul etichetelor de accent: aldine și italic

          Când vă dați seama ce etichetă vă permite să formatați corect textul, aproape imediat întâlniți două opțiuni de cod pentru fiecare caz. Acest lucru provoacă nedumerire în rândul non-programatorilor și întrebarea: de ce fel de etichetă are nevoie clientul?

          Totul este foarte simplu! Etichetele oferă opțiuni pentru formatare fizică și logică. Primele sunt necesare utilizatorilor, cele din urmă pentru motoarele de căutare. „Motoarele de căutare”, văzând un cod html potrivit pentru ei înșiși, iau în considerare zona selectată și folosesc informațiile primite la clasare, astfel încât selectarea textului prin intermediul formatării logice nu va fi o eroare.

          Utilizarea etichetelor html face posibilă apelarea la motoarele de căutare și evidențierea vizuală a textului pentru utilizator. Ceea ce este mai important, decideți singuri:

          Evidențierea unei expresii cu caractere aldine pentru utilizatori și utilizatori Expresii aldine pentru utilizatori Evidențierea unei expresii cu caractere cursive pentru utilizatori și utilizatori Italicing o frază pentru utilizatori

          Am un articol lung și foarte controversat pe tema etichetelor îndrăznețe, care se numește așa.

          Dacă dintr-o dată unul dintre programatori se uită la subiect, atunci mă grăbesc să observ încă o dată că recenzia este pentru copywriteri: cum să pun etichete, ce sunt acestea și ce este important de luat în considerare atunci când alegeți. Și, în sfârșit, este necesar încă un cod html solicitat pentru a evidenția paragrafe... Acest

          Eticheta de deschidere este plasată înainte de începutul paragrafului, iar eticheta de închidere este plasată la sfârșit. Dacă paragraful se termină cu o listă, atunci
          este plasat după toate etichetele utilizate pentru listă.

          Ei bine, și câteva infografice tematice simple la sfârșit:

          Când a început discuția despre subiect în comentarii, Clubul Copywriterilor de succes a oferit feedback interesant despre infografice și articole. Iată un ecran cu opinia unui participant autorizat la discuție.

          Citește: 3 365

          O zi buna, prieteni! Astăzi avem un alt articol dedicat uneia dintre categoriile site-ului meu „HTML-guide for beginners”. Probabil că a fost necesar să începem să completați această categorie scriind un articol ce este HTML sau din această postare, care să explice în detaliu ce sunt etichetele html. Dar s-a întâmplat că în el am publicat deja mai multe materiale utile, de exemplu, cum să faci o linie folosind HTML sau cum să faci un cadru. Ei bine, sper că supravegherea mea nu te-a forțat să cauți informații printre alte surse.

          Pentru a înțelege etichetele, să ne amintim mai întâi ce este HTML? Asa de HTML Este o abreviere în limba engleză care înseamnă - limbaj de marcare hipertext... Este un limbaj standard, interpretat de toate browserele moderne și este responsabil pentru structura și conținutul unei pagini. Cu ajutorul HTML-ului puteți specifica modul în care va arăta textul, imaginea sau animația afișată pe pagina de Internet, precum și stabilirea locației, mărimii, etc. Limbajul de marcare prezentat include etichete html, care stau la baza acestuia.

          Etichete- o etichetă specifică denumită constând din caractere latine, cuprinsă între paranteze unghiulare (de exemplu ). O etichetă este elementul principal al unui document HTML. Acestea trebuie completate cu litere mici, adică în loc de < TITLU> ar trebui să fie < titlu> .

          Tipuri de etichete html

          Există două tipuri de etichete - singurși pereche(containere). Acestea din urmă sunt mai frecvente. Tot ce este inclus între deschidere<>iar eticheta de închidere se numește conținutul containerului. După cum puteți vedea, în interiorul etichetei de închidere trebuie introdusă o bară oblică, de exemplu. bara oblică „/” imediat după prima paranteză unghiulară. Acțiunea etichetelor se extinde la informațiile cuprinse între ele.

          Etichete unice (Etichete), după cum ați putea ghici, constă dintr-un element html - o etichetă de deschidere (de exemplu ).

          Indiferent de tip fiecare etichetă constă dintre următoarele elemente:

          Suport unghi de deschidere ( < ).

          Nume eticheta ( p, corp, br).

          Suport unghi de inchidere ( > ).

          Pentru a extinde capacitățile etichetei utilizate, sunt utilizate diverse atribute și valori ale atributelor, separate printr-un spațiu. La rândul lor, atributele pot fi împărțite condiționat în obligatorii și opționale.

          Etichete HTML de bază

          Limbajul de marcare hipertext standardizat include o mulțime de etichete HTML utilizate. Să ne oprim asupra celor mai importante.

          Etichete HTML pereche de bază

          - < html> - spune browserului că există un document HTML în fața acestuia.

          - < cap> - conține o descriere a unei pagini web și este un fel de container pentru toate elementele de antet ale unui document html, al cărui scop este de a ajuta browserele și motoarele de căutare să lucreze cu date.

          - < corp> - definește partea vizibilă a documentului.

          - </b>- este responsabil de afișarea și denumirea documentului.</p> <p>- <b>< </b><b>masa</b><b>>, < </b><b>tbody</b><b>>, < </b><b>thead</b><b>>, < </b><b>td</b><b>>, < </b><b>th</b><b>> și< </b><b>tr</b><b>> - </b> etichete legate de crearea tabelelor.</p> <p>- <b><p> </b>- închiderea acestei etichete le spune browserelor că textul este afișat pe o linie nouă, adică dintr-un paragraf nou.</p> <p>- <b><h> </b>- stabilește titlul ( <b>h1</b>…<b>h6</b>).</p> <p>- <b><br> </b>- o etichetă care stabilește un avans de linie în locul în care se află.</p> <p>- <b><b>, <u>, <i> </b>- fiecare dintre etichete separat făcând textul bold, subliniat sau italic.</p> <p>- <b><ol>, <ul>, <dl> </b>- etichete responsabile pentru.</p> <p>- <b><tt>, <kbd> </b>- un efect pentru text imitând stilul unei mașini de scris.</p> <p>- <b><strong> </b>- o altă etichetă HTML care face textul aldine. Spre deosebire de etichetă <b>este perceput de motoarele de căutare ca fiind special evidențiat.</p> <p>- <b><marquee> </b>- eticheta folosită pentru a crea o linie de accesare cu crawlere.</p> <p>- <b><font> </b>- o etichetă care este folosită pentru formatarea textului, dar funcționează numai atunci când se utilizează atribute speciale.</p> <p>- <b><a> </b>- o etichetă foarte comună responsabilă pentru crearea unui hyperlink.</p> <p>- <b><cite> </b>- citare.</p> <p>- <b><code> </b>- afișează exemple de cod în document HTML.</p> <p>- <b><q> </b>- este responsabil pentru afișarea textului cuprins între paranteze.</p> <p>- <b><blockqote> </b>- creează indentări pe ambele părți ale textului.</p> <h3>Etichete simple de bază</h3> <p>- <b><meta> </b>- o etichetă care conține meta informații destinate motoarelor de căutare. În interiorul acestuia, folosind atributele corespunzătoare, puteți scrie cuvinte cheie, puteți controla procesul de indexare, numele autorului, codificarea documentului etc.</p> <p>- <b><img> </b>- o etichetă responsabilă cu afișarea elementelor grafice (imagini). Folosit împreună cu un atribut obligatoriu <img src='https://i0.wp.com//URL' loading=lazy loading=lazy>.</p> <p>- <b><style> </b>- indică o foaie de stil CSS. Această etichetă este specificată în etichetă <b>< </b><b>cap</b><b>> </b>... Documentul HTML poate consta dintr-un anumit număr de etichete <b><style> </b> care setează stilul paginii, indiferent de locația conținutului acesteia.</p> <p>- <b>< </b><b>HR</b><b>> </b>- adaugă o linie orizontală.</p> <p>Prin apăsarea comenzii rapide de la tastatură <b>Ctrl</b><b>+ </b><b>U</b> puteți vedea că întregul document HTML este construit în jurul utilizării etichetelor și atributelor HTML. Nu este deloc necesar să memorați toate etichetele HTML existente. Pentru a face ajustări site-ului, este suficient să le amintiți pe cele date mai sus.</p> <p>Sper că articolul ți-a fost de folos, iar acum știi ce tipuri de etichete există și care sunt acestea.</p> <p>Vă mulțumim pentru atenție și ne vedem curând pe paginile Stimylrosta.</p> <p>Ați găsit o greșeală gramaticală în text? Vă rugăm să informați administratorul despre acest lucru: selectați textul și apăsați combinația de taste rapide <b>Ctrl + Enter</b></p> <p><b>Etichetă</b> este un cuvânt special rezervat inclus între paranteze unghiulare (de exemplu, <b><body> </b>). Eticheta este componenta principală a HTML: codul începe cu el, se termină cu el, iar informațiile afișate pe pagina web sunt conținute în interiorul etichetelor. Se recomandă să le scrieți cu litere mici, adică cu litere mici obișnuite: nu <b><THEAD> </b>, A <b><thead> </b>.</p> <h2>Ce sunt etichetele?</h2> <p>Majoritatea etichetelor HTML sunt asociate: există una de deschidere (de exemplu, <b><html> </b>) și o etichetă de închidere, care se distinge de eticheta de deschidere printr-o bară oblică ( <b>/ </b>) după primul unghi (de exemplu, <b></html> </b>). Tot ceea ce se află în interiorul unei perechi de etichete se numește lor <b>conţinut</b>.</p> <p> <Открывающий_тег>Conţinut</Закрывающий_тег> <b>Textul plasat în interiorul acestor etichete devine aldine</b></p> <p>Există, de asemenea, etichete nepereche (single), care sunt numite <b>Etichete</b>... 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. Un exemplu de o singură etichetă este - <b><br> </b>... Setează textul să se încadreze la următoarea linie.</p> <p>Dacă facem paralele cu limba rusă, atunci putem spune că etichetele pereche sunt ghilimele sau parantezele care afectează proprietățile textului cuprins în ele (încercați să nu închideți ghilimelele la timp), iar etichetele simple (etichetele) sunt semne de punctuație (exclamație, întrebare sau punct).</p><p>Orice etichetă constă din:</p> <ul><li>Suport unghi de deschidere ( <b>< </b>).</li> <li>Cuvânt special (numele etichetei). De exemplu, <b>HR</b>, <b>iframe</b>,<b>b</b>.</li> <li>Suport unghi de inchidere ( <b>> </b>).</li> </ul><h2>Etichete HTML de bază</h2> <p>Deoarece etichetele sunt inima unui limbaj de marcare, nu este surprinzător că există destul de multe dintre ele. Să luăm în considerare principalele, cele mai importante etichete.</p> <ul><li><b><!-…-> </b>- o singură etichetă, în interiorul căreia este plasat comentariul. <b>Un comentariu</b> este text care nu este redat de browser. Puteți scrie orice în interiorul etichetei, chiar și alte etichete - nu vor funcționa, nu vor fi afișate pe ecran. Dezvoltatorii comentează codul fie pentru ca alți webmasteri să-l înțeleagă mai ușor, fie pentru ca, după mult timp, să îl poată înțelege rapid ei înșiși.</li> <li><b><html> </b>, <b><!DOCTYPE> </b>, <b><head> </b>, <b><body> </b>, <b><title> </b>- etichete care ar trebui să fie prezente în orice document HTML decent (pentru mai multe detalii vezi „Cum se creează un site web în Notepad”).</li> <li><b><meta> </b>- 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.</li> <li><b><script> </b> содержит ссылку на файл сценария или сам код.</li> <li><b><style> </b> - тег, задающий стиль документа и/или его элементов с помощью CSS. HTML-документ может содержать множество тегов <b><style> </b>, определяющих разные стили разных частей страницы.</li> <li><b><header> </b> - полная противоположность <b><footer> </b>, его дополняющая. Тег задаёт «шапку» (заголовок) раздела или всей страницы.</li> <li><b><footer> </b> хранит в себе «ноги» сайта или раздела. Внутри него можно разместить вспомогательную информацию, копирайт, контактные данные и т. д.</li> <li><b><main> </b> содержит основной контент страницы. Ни шапку, ни блок меню, ни «ноги» сайта, а то, ради чего страница создавалась. Например, на странице, которую вы сейчас читаете, внутри <b><main> </b> должна располагаться как раз эта статья.</li> <li><b><a> </b> предназначен для создания ссылок. Ссылки - корень гипертекста, поэтому им посвящена .</li> <li><b><img> </b> нужен для добавления на веб-страницу картинок (к вашим услугам посвящённая этому действу ).</li> <li><b><blockquote> </b>, <b><br> </b>, <b><hi1>-<hi6> </b>, <b><hr> </b>, <b><i> </b>, <b><p> </b>, <b><s> </b>, <b><strong> </b>, <b><ins> </b> и другие теги форматирования текста составляют большую группу HTML-тегов, о них рассказывает статья «Форматирование текста в HTML» .</li> <li><b><div> </b> - блочный элемент. Текст внутри <b><div></div> </b> форматируется с помощью CSS (каскадных таблиц стилей, которым посвящена вторая часть самоучителя).</li> <li><b><span> </b>. У вас есть абзац <b><p> </b> или блок <b><div> </b>. Текст в нём оформлен в едином стиле, но вы бы хотели, не нарушая структуры, сделать так, чтобы несколько слов имели другой размер шрифта или цвет. Именно для таких ситуаций и предназначен тег <span>.</li> <li><b><ol> </b>, <b><ul> </b>, <b><li> </b> - теги списков. Маркированные, нумерованные - работа этих тегов. Есть ещё списки определений, за которые отвечают теги <b><dd> </b>, <b><dt> </b> и <b><dl> </b>, но подробно обо всей это шестёрке вы узнаете из статьи «Создание списков» .</li> <li><b><table> </b>, <b><tbody> </b>, <b><thead> </b>, <b><td> </b>, <b><th> </b> и <b><tr> </b> используются при создании таблиц и подробно рассматриваются в отдельной статье .</li> <li><b><form> </b> - тег, добавляющий странице интерактивности, то есть позволяющий пользователю взаимодействовать с веб-сайтом. Конечно, форме необходим обработчик, но зато с помощью тегов внутри <b><form></form> </b> вы можете создать интерфейс. Флажки, кнопки, переключатели, поля ввода и другие объекты, которые требуют от вас активных действий - всё это элементы формы, код которых размещается внутри контейнера <b><form> </b>.</li> <li><b><button> </b> - тег, создающий интерактивную кнопку. Чтобы при нажатии на неё что-нибудь произошло, кнопка должна находиться в форме (располагаться между тегами <b><form></form> </b>).</li> <li><b><input> </b> создаёт элементы формы: переключатели, флажки, кнопки, всевозможные поля ввода. Вставляется в контейнер <b><form> </b>. Но зачем нам тогда отдельно <b><button> </b>, если есть универсальный <b><input> </b>? <b><button> </b> позволяет создать кнопку с расширенными параметрами. Например, на кнопке <button> можно разместить картинку. На элементе, созданном через <b><input> </b>, такого сделать нельзя.</li> <li><b><menu> </b> и <b><command> </b> - теги создания меню в HTML 5. <b><menu> </b> - это контейнер, внутри которого помещаются элементы <b><command> </b>, добавление которых и приводит к созданию пунктов меню. Довольно интересная парочка. Например, с её помощью вы можете создать собственное контекстное меню для страницы или отдельного её элемента.</li> <li><b><textarea> </b> - ещё один тег формы, создающий в ней большое поле, в которое можно вводить не одну строку текста, а целые абзацы.</li> </ul> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Top articole similare</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/ro/odin-iz-glavnyh-priznakov-vzloma-kompyutera-kak-opredelit-chto.html"> <div class="img_container"><img src="/uploads/76867071226cb3b7967da54b4b9e5f9b.jpg" border="0" alt="Cum să afli dacă computerul tău a fost spart" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Cum să afli dacă computerul tău a fost spart</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/ro/kak-otkalibrovat-i-nastroit-monitor-v-domashnih-usloviyah-kalibrovka.html"> <div class="img_container"><img src="/uploads/f5dd0761393cfad70766137078d4928b.jpg" border="0" alt="Cum să calibrați și să configurați monitorul acasă" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Cum să calibrați și să configurați monitorul acasă</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/ro/kalibrovka-ekrana-kak-otkalibrovat-svoi-monitor-na-windows-ili.html"> <div class="img_container"><img src="/uploads/fae86757c8fdd585ebf5395742578324.jpg" border="0" alt="Cum să vă calibrați monitorul pe Windows sau Mac" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Cum să vă calibrați monitorul pe Windows sau Mac</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Categorii:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/ro/category/programs/">Programe</a></li> <li class=""><a href="https://bumotors.ru/ro/category/safety/">Siguranță</a></li> <li class=""><a href="https://bumotors.ru/ro/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/ro/category/iron/">Fier</a></li> <li class=""><a href="https://bumotors.ru/ro/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/ro/category/vkontakte/">In contact cu</a></li> <li class=""><a href="https://bumotors.ru/ro/category/errors/">Erori</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="" class="vk social-ico"></a> <a href="https://facebook.com/" class="fb social-ico"></a> <a href="https://twitter.com/" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2021 bumotors.ru. Cum se configurează smartphone-uri și PC-uri. Portal informativ.</span> </div> </div> </div> </div> </body> </html>