Meniu
AcasăWindows 7

Ce etichete sunt folosite pentru a declara un tabel? Ce sunt etichetele HTML și ce tipuri de etichete există

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 este), iar în final, vom arunca o privire generală asupra etichetelor muzicale din fișierele audio. Așa devine multifațetat acest termen.

Dar, în toate cazurile, cuvântul „etichete” înseamnă marcarea fie a unei pagini web folosind cod HTML, fie a întregului site folosind etichete, fie a colecției de muzică, indicâ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 ().

Ca etichete sunt folosite așa-numitele cuvinte cheie, un set din care caracterizează pe scurt publicația (de exemplu, pentru pagina principală a blogului meu ar fi potrivit următorul set de etichete: crearea site-ului web; promovarea; promovarea site-ului; câștigurile).

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ță, 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 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 folosite mai des (apar în mai multe articole de pe acest site) sunt afișate cu un font mai mare, iar cele mai puțin utilizate într-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 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 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?

M-am hotărât să le studiez pentru prima dată acum cincisprezece ani, dar atunci nu am progresat dincolo de eticheta Title. Apoi am dat peste un curs video gratuit de Evgeniy Popov pe Html și lucrurile au mers bine. Desigur, acel curs a fost doar etapa inițială, dar tocmai această prezentare simplă este de care începătorilor le lipsește adesea.

Aceste lecții acoperă etichete de bază, cu ajutorul cărora puteți crea cu ușurință tabele, puteți introduce imagini și hyperlinkuri în text, puteți adăuga diverse formulare pe site și multe altele. Un total de 33 de videoclipuri gratuite pe subiecte 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, acesta este un lucru grozav și 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 vă spun doar despre partea financiară. 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ă implementarea CSS). Uite ce simplu este. Să presupunem că doriți să creați un paragraf - pur și simplu înconjurați textul viitorului paragraf cu etichetele de deschidere și de închidere P (aceasta este o literă latină și în cod este mai bine să o scrieți mic, dar aici am făcut-o cu majuscule pt. 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. L-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. Acestea sunt informații strict proprietare. Descrierea de mai sus și cuvintele cheie le spun motoarele 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 că ați observat de mai multe ori că în locul titlului piesei și al numelui autorului-interpret s-au afișat 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ă faci asta?

Folosind 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 format Windows WMA există metadate WM, iar pentru Apple MP4 sunt 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 (articole de pe un site web, conținut pe o pagină web sau metadate în fișierele muzicale). Sper că acum aveți mai puține întrebări pe acest subiect.

Mult succes pentru tine! 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 să adăugați automat un atribut Alt la etichetele Img ale blogului dvs. WordPress (unde nu există)
Link - ce este și cum se creează
Radikal - găzduire gratuită de fotografii cu încărcare rapidă și ușoară a fotografiilor prin Radikal.ru

Toți cei care citesc această lecție știu probabil ce este HTML. Dar revizuirea elementelor de bază vă ajută să vă sporiți cunoștințele și să vă ascuțiți abilitățile, în special cu tehnologiile web în continuă evoluție.

Se vorbește mult în aceste zile 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ă revizuim tehnicile. implicat.

1.

Fiecare carte despre programare menționează că este foarte util să explici ce face codul tău. De ce comentarea este o bună practică? Acest lucru ajută într-adevăr persoana care vă citește codul să înțeleagă ce se întâmplă.

Pentru HTML, comentarea poate părea un punct care adaugă greutate paginii. 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 tabel: , , și

Pentru a face un design bun al mesei, trebuie să utilizați etichetele menționate în subtitlu. Toate afectează rândurile de tabel și puteți seta cu ușurință stiluri pentru ele.

Articol Cant
Sumă 7
#1 3
#2 4

Înfășurați rândurile de masă . Așa se formează titlul tabelului.

Înfășurarea sforilor Formăm rândurile totale în partea de jos a tabelului. Coarde trebuie definite înaintea liniilor , astfel încât rândurile totale sunt afișate înainte de restul rândurilor din tabel.

Încapsulăm liniile de date în .

Paragraf Cant
Sumă 7
#1 3
#2 4

3.

O listă derulantă este o modalitate excelentă de a prezenta date pe care utilizatorul le poate selecta. Nu numai că ocupă puțin spațiu, dar sunt și familiare utilizatorilor și ușor de utilizat. O proprietate minunată este capacitatea de a crea categorii (sau subtitluri) pentru articolele din listă.

Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears

Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears

4. Titluri - ,,,,, și

Desigur, toată lumea folosește titluri. 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 structuri semantice, cum ar fi stiluri suplimentare pentru text .

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

5. și

Toată lumea iubește site-urile unde este ușor să găsești informațiile de care ai nevoie printre articolele grupate logic. Grupurile formează elemente împreună desenând un cadru dreptunghiular în jurul lor. De asemenea, este posibil să adăugați un titlu unei astfel de secțiuni folosind .

Informații generale: Nume: E-mail: Data nașterii:

6.

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

folosit pentru a defini eticheta elementului de intrare. Eticheta în sine percepe clicurile mouse-ului, făcând activ câmpul de intrare corespunzător. Această proprietate de etichetă funcționează pentru câmpurile de text și butoanele radio.

Nume: Barbat: Femeie:

7.

Dacă trebuie să dai un efect dramatic unei expresii, poți folosi . În mod implicit, o linie goală va fi inserată înainte și după element. Va fi adăugată și indentare pentru a separa textul conținut în element de restul conținutului.

Exemplu de utilizare a unei etichete

Exemplu de utilizare a unei etichete

8.

Nu se poate spune asta se referă la , dar de obicei sunt folosite împreună.

Ține minte eticheta , când trebuie să citezi pe cineva.

Un exemplu de utilizare a unei etichete împreună cu o etichetă. Această ofertă este inclusă în etichetă.

Un exemplu de utilizare a etichetei blockquote împreună cu eticheta cite. Această ofertă este inclusă în etichetă.

9.

Folosirea listelor oferă oportunități excelente de organizare a informațiilor. Toată lumea știe despre

    , dar cât de des folosești Şi ? Poate că numele „listă de definiții” poate deruta un dezvoltator începător ș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 corespunde realității.

    Tipuri de liste
  • Lista neordonată (ul)
  • Lista ordonată (ol)
  • Lista definițiilor (dl)
    • Ce fac ei
    • Listă neordonată (ul): listă cu indicatori punctați
    • Listă ordonată (ol): o listă numerotată
    • Lista de definiții (dl): Listă cu definițiile elementelor
    Motive pentru a folosi liste
    • Stilul de conținut consistent
    • Doar creează
    • Versatil

    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 de listă #1 Definiția pentru elementul de listă #1 Elementul de listă #2 Definiția pentru elementul de listă #2

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

    • ), 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 prezentat mai devreme.

      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. Această regulă necesită pași suplimentari, dar asigură că toate caracterele sunt afișate corect pe ecranul utilizatorului și că browserul nu le percepe ca parte a markupului. Ați întâlnit vreodată un text care nu se afișează corect? De obicei, textul problematic este creat folosind ghilimele, apostrofe, semne mai mult decât mai puțin și așa mai departe. De fapt, nu există multe astfel de personaje și merită să ne amintim codurile lor ASCII.

      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 a stoca informații suplimentare despre pagină. 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 verticală , 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, mesajele de e-mail etc. Un indicator al finalizării unei sarcini de orice fel. Definește o citație scurtă. Container pentru simbolurile din Asia de Est și decodarea acestora. Definește textul său imbricat ca componentă de bază a adnotării. Adaugă o scurtă descriere deasupra sau sub caracterele conținute în element, afișată într-un font mai mic. Marchează textul încorporat ca adnotare suplimentară. Afișează text alternativ dacă browserul nu acceptă elementul. Afișează text care nu este actual cu barat. Folosit pentru a afișa text care reprezintă rezultatul execuției codului de program sau scriptului, precum și mesajele de sistem. Afișat cu font monospațiu. Folosit pentru a defini un script la nivelul clientului (de obicei JavaScript). Conține fie text script, fie indică către un fișier script extern 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 accentul în text, evidențiind-o cu caractere aldine. Include foi de stil încorporate. 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 blogului! În ultimul articol, ne-am dat seama ce este un tip de document și cum determină browserele limba folosită folosind . Eticheta a fost luată în considerare, dar conceptul (termenul) în sine nu a fost. În acest articol vă voi spune ce este o etichetă, de ce este necesară și ce tipuri de etichete există. După cum am spus în ultimul articol din această secțiune, vom crea o pagină de fișier, pe care o vom experimenta, pe baza cunoștințelor pe care le-am dobândit. Dar acesta este la sfârșitul articolului, dar deocamdată să ne uităm la eticheta HTML.

        Ce este o etichetă HTML, tipuri de etichete HTML, exemple de scriere a etichetei HTML - tradus din engleză etichetă - pentru a marca - caracterele cuprinse între paranteze unghiulare și care sunt elemente ale limbajului de marcare hipertext (HTML). Simbolurile pot fi doar în limba engleză (întregul Internet este construit pe el). Eticheta arată ca

        Aceasta este o etichetă pentru a face textul aldine. Etichetele au trei tipuri:

        • Eticheta de deschidere este eticheta care vine la început. În exemplul discutat mai sus, eticheta este eticheta de deschidere și se află înaintea textului care trebuie evidențiat.
        • Eticheta de închidere este eticheta care vine la sfârșit. O caracteristică distinctivă este bara oblică „/” înaintea caracterelor din paranteze unghiulare. Să ne uităm din nou la exemplul discutat mai sus. Eticheta este o etichetă de închidere și vine după text, care trebuie evidențiat cu caractere aldine
        • Etichetele unice sunt etichete care nu au o etichetă de închidere. Un exemplu ar fi
          Iată un exemplu de etichetă de deschidere și de închidere:

        Întregul design, inclusiv textul, va arăta astfel:

        Acest text va fi evidențiat cu caractere aldine

        Și așa va arăta acest text atunci când browserul îl prelucrează și ni-l oferă: Acest text va fi evidențiat cu caractere aldine.

        Există, de asemenea, etichete de container, dar acesta este doar un nume generalizat pentru etichetele de deschidere și de închidere. După cum am scris mai sus, pe lângă etichetele containerului, există și etichete unice. Diferența este că astfel de etichete nu trebuie să fie închise. Cel mai clar și cel mai comun exemplu este eticheta newline.

        Ce sunt atributele, regulile de scriere și de ce sunt necesare pe lângă etichete, există și așa-numitele atribute? Mai exact, nu în afară, ci în etichete. Folosind atribute, puteți seta parametri suplimentari pentru o etichetă. Fiecare etichetă are propriile atribute, iar în acest subiect vom experimenta cu eticheta, care, de fapt, nu are nimic semnificativ fără atribute.

        Fontul este o etichetă de container folosită pentru a formata textul. Folosind această etichetă, puteți face textul îngroșat, puteți modifica dimensiunea și distanța dintre linii - în general, tot ce puteți face cu textul. Să ne uităm la un exemplu cu dimensiunea textului. Mai întâi, să includem textul într-o etichetă Font.

        Text

        Acum puțin despre regulile de scriere a atributelor. Atributele sunt întotdeauna scrise în eticheta de deschidere și după caracterele etichetei în sine. Puteți scrie mai multe atribute într-o singură etichetă, în orice ordine. Atributele le găsiți pe site-ul validatorului W3C (despre care voi scrie mai jos). Deci, iată un exemplu de etichetă de font cu un atribut de dimensiune:

        Text

        Acest atribut din eticheta fontului modifică dimensiunea textului inclus în etichete.
        Dacă deschideți codul sursă al paginii, veți vedea că locul în care se află cuvântul mare „Text” arată ca

        Text

        Ați văzut deja cum sunt scrise atributele. Ele sunt scrise exact în același mod în alte etichete: mai întâi scriem atributul în sine (în acest caz dimensiunea), apoi punem „=” și includem parametrul de atribut între ghilimele duble. Puteți găsi toți parametrii de atribut pe același site web World Wide Web Consortium.

        Ce este un validator W3C, reguli de scriere și lista de etichete După cum am scris, există o mulțime de etichete. Dar unde le poți găsi pe toate? În acest scop, există un validator W3C W3C - World Wide Web Consortium, sau în rusă - World Wide Web Consortium. Nu este complet clar, nu? Acesta este locul în care sunt dezvoltate standardele web - (limbajele de marcare hipertext sunt creația lor). În fruntea întregului consorțiu se află Tim Berners-Lee, cunoscut din articolul anterior, creatorul HTML-ului. Site-ul web al acestei organizații este w3.org. Vă avertizez, site-ul este în întregime în engleză, așa că aveți un dicționar sau un traducător în browser. Apropo, ratingul Google pentru acest site este 9 și 37.000 (asta este mult, dacă cineva nu știe).

        Să revenim la subiectul articolului. Suntem interesați de standardele lingvistice HNTML 4.01. Urmați linkul HTML 4.01 Specification, după care vedem fila elemente în partea de sus, faceți clic pe ea. Aici se deschide pagina cu toate etichetele. Aceste etichete au fost dezvoltate și adoptate ca standard de către consorțiu. Totul, din nou, este în engleză. Imediat după cuvintele „Indexul elementelor” vedem o legendă (sensul literelor din coloane):

        Și imediat după legendă există un tabel cu etichetele în sine:

        • În prima coloană - Nume - numele etichetei în sine - ce ar trebui să fie între paranteze unghiulare (< и >).
        • A doua coloană - Start Tag - prezența unei etichete de deschidere. În această coloană puteți vedea litera „O”, care înseamnă „Opțional”, și tradusă din engleză - Opțional. Această literă este prezentă doar în fața etichetelor , și înseamnă că puteți pune o etichetă de deschidere sau nu este necesar - browserul va face totul singur.
        • A treia coloană - End Tag - prezența unei etichete de închidere. Vizavi de această etichetă puteți vedea atât litera „O”, cât și litera „F”. Sensul primului nu s-a schimbat. A doua literă - „F” - literalmente „interzis” în engleză - înseamnă că este interzis să puneți o etichetă de închidere, pur și simplu nu există. De exemplu, nu există nicio etichetă, pentru că nu există nimic de ascuns în ea.
        • Al patrulea - Gol - înseamnă că eticheta este singură (golă). Toate etichetele care au litera „E” lângă ele în această coloană au și litera „F” în coloana anterioară. La urma urmei, etichetele simple nu au etichete de închidere. Un exemplu este aceeași etichetă .
        • A cincea coloană este Depr.
        • A șasea coloană - DTD - poate conține fie litera „L”, fie „F”. Primul - „L” - Loose DTD - înseamnă că eticheta vizavi de care apare această literă poate fi folosită doar într-un tip de document tranzițional (- Tranzițional, despre care am scris în articolul anterior). Al doilea - „F” - Frameset DTD - înseamnă că eticheta poate fi utilizată numai într-un document de tip FRAMESET ( - Frameset). Dacă scrisoarea lipsește, atunci eticheta poate fi folosită în toate tipurile de documente.
        • Și ultima, a șaptea coloană - Descriere - o scurtă descriere a etichetei, din nou în engleză

        Atributele sunt conținute în aceeași pagină a specificației HTML 4.01, dar în fila „atribute”. Există mult mai multe atribute decât etichete. Și din nou voi scrie totul punct cu punct.

        • Prima coloană este Nume - ca și în cazul etichetelor, numele atributului. Totul este în limba engleză, dar cu cunoștințe de bază poți ghici ce face cutare sau cutare atribut.
        • A doua coloană - Elemente înrudite - este o listă a tuturor etichetelor care folosesc orice atribut. Toate etichetele au linkuri, astfel încât să puteți accesa imediat informații despre etichetă.
        • A treia coloană - Tip - reprezintă toate valorile posibile pentru un anumit atribut. De exemplu, vizavi de atributul dimensiune pe care l-am selectat în eticheta Font este valoarea CDATA. Ne vom uita mai târziu, dar pe scurt, este un set special de opțiuni de dimensiune (în acest caz). La urma urmei, puteți scrie atât pixeli, cât și procente
        • A patra coloană - Implicit - indică dacă atributul este necesar într-o anumită etichetă. De exemplu, în eticheta Img este necesar atributul src, deoarece indică sursa din care să ia imaginea.
        • Coloanele 6, 7 și 8 înseamnă același lucru ca și în cazul etichetelor.

        Toate cele de mai sus se aplică numai pentru versiunea HTML 4.01. Despre HTML 5 vom vorbi într-un alt articol și vom atinge și XHTML. Și acum, așa cum am promis, vom crea o pagină în HTML, pe care o vom experimenta.

        Crearea unui fișier în format html - document HTML

        În primul rând, să ne dăm seama ce este un document HTML. Și acesta este, de fapt, un fișier în format HTML. Și toate paginile de internet sunt documente HTML. De exemplu, când ajungeți la un site web în bara de adrese de la sfârșit, puteți vedea „.html” sau „.htm” după adresă. Acesta este fișierul pe care îl vom crea cu această extensie. În general, dacă doriți să experimentați cu un site web, și nu cu o pagină, atunci este mai bine să creați un server local - Denver (despre care vreau să scriu).

        Având în vedere că nici măcar nu am vorbit despre etichetele prezente pe fiecare pagină, pur și simplu vom crea un fișier cu orice nume și extensie.html. Este posibil (și cel mai bine) să utilizați Notepad++, deoarece acest editor de text folosește evidențierea codului, ceea ce este foarte convenabil atunci când editați cod și puteți salva fișiere într-o varietate de formate. Există și programe în care, atunci când tastați un cod, rezultatul apare imediat în formă procesată.

        Deci, trebuie doar să deschidem Notepad++ și să salvăm un fișier cu text arbitrar (poate fi gol), dar în format .html. Pentru a face acest lucru, ca de obicei, faceți clic pe inscripția fișierului, apoi „salvați ca” și căutați „Fișier HyperText Markup Language (extensii de fișiere)” printre lista mare de extensii. Asta e tot, de fapt. Vom adăuga primele rânduri la acest fișier în următorul articol din secțiunea „Crearea unui site web de la zero”

        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. Se recomandă să le scrieți cu 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.

        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 element copil.
        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 titlul.
        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 acestuia puteți crea propriul meniu contextual pentru o pagină sau pentru elementul ei individual.
        •
        , Și