Acasă - Internet
Etichete în limbaj html. Etichete HTML de bază

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.

  • - 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, după mult timp, să-l înțeleagă ei înșiși 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 pentru diferite părți ale paginii.
  • - 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.
  • concepute 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 acesta este conceput în același stil, dar ați dori, fără a deranja structura, să vă asigurați că mai multe cuvinte au o dimensiune sau o culoare diferită a fontului. 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”.
    • , , , 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. La sistem de operare

      știam că orice document text este un document html, trebuie să atribuiți extensia fișierului htm (html).

      Nu vă lăsați intimidați de tabelul de etichete în limbaj HTML de mai jos, folosind editorul vizual FrontPage, la început nu trebuie să vă aprofundați deloc în etichete, apoi să studiați treptat câteva zeci de etichete principale și apoi puteți decide pentru tine, indiferent dacă trebuie să le cunoști. Eu însumi a trebuit să răsfoiesc în mod repetat cărțile de referință pentru a găsi o etichetă de care aveam nevoie brusc, așa că puteți marca această pagină și o astfel de carte de referință va fi mereu la îndemână.

      În ceea ce privește exemplele de utilizare a etichetelor, nu este nimic mai bun decât să te uiți la codul html gata de site-uri de Internet gata făcute pentru a face acest lucru, trebuie să găsești fila „Afișează codul sursă a paginii” în browser, de obicei în fiecare browser; o are. (Browserul este un program prin care vizualizați pagini de pe Internet).< код тега>și aproape, tot ce este situat între etichetele de deschidere și de închidere va cădea sub influența sa. Etichetele pot avea diverse atribute, care sunt specificate folosind parametri speciali. Etichetele pot fi imbricate una în alta, etc.

      echo $sape->return_links(); ?>

      În interiorul unui document html trebuie să utilizați așa-numitele etichete. O etichetă este un cod condiționat specific, de obicei cuprins între paranteze, cum ar fi .

      , Și
      Acest cod spune browserului ce tip de date sunt plasate între etichete, cum ar trebui să fie afișate aceste date, de exemplu, etichetele de formatare a textului furnizează aceste informații. Există destul de multe etichete și este dificil pentru un webmaster începător să le navigheze, așa că haideți să ne uităm la principalele etichete care vă pot fi utile atunci când vă creați primul site. Nu toate etichetele sunt listate în tabelul de etichete de mai jos, dar cele principale sunt evidențiate cu caractere aldine.
      Etichetele principale
      Definește tipul de document ca pagină web.
      Partea de serviciu a documentului, care nu este afișată în browser, conține titlul, descrierea, cuvintele cheie etc.
      Între aceste etichete se află pagina web în sine, pe care o vedeți pe ecran, pot fi plasate și alte tipuri de date.
      Definește modul în care roboții motoarelor de căutare accesează cu crawlere datele.
      Oferă informații pentru roboții de căutare.
      În această etichetă puteți indica calitatea de autor.
      Pentru a asigura funcționarea cu serverele de căutare, cuvintele cheie sunt indicate, separate prin virgule.
      Folosit pentru link-uri incomplet specificate, indică adresa de pornire pe Internet Scurtă descriere
      pagina web va fi afișată în rezultatele căutării de către motoarele de căutare.
      Eticheta de titlu a paginii
      Definește culoarea de fundal a unei pagini web
      Definește culoarea textului unei pagini web
      Setează culoarea hyperlinkurilor în stare normală
      Setează culoarea hyperlinkurilor deja vizualizate.
      Setează culoarea hyperlinkului evidențiat.
      Eticheta de titlu creează cel mai mare titlu, numărul 1 poate varia de la 1 la 6. Șase va fi cel mai mic titlu.
      Face textul aldine.
      Formatează textul ca cursiv.
      Imitație de stil de mașină de scris.
      Numele variabilelor sunt afișate cu caractere cursive
      Citate italice
      Creează un paragraf cu text cu caractere cursive.
      Cursive (percepute de motoarele de căutare ca un accent)
      Formatarea textului îngroșat (percepută de motoarele de căutare ca un accent deosebit de puternic)
      Setează dimensiunea fontului, valoarea de la 1 la 7.
      Setează culoarea textului.
      Design de hyperlinkuri în html
      Specifică în ce fereastră se deschide hyperlinkul.
      Hyperlink pentru trimiterea unui mesaj poștal prin e-mail.
      Creează un hyperlink către o etichetă pe pagina curentă.
      Plasează o etichetă pentru un hyperlink pe pagina curentă.
      Un hyperlink către o etichetă pe altă pagină.
      Formatarea textului
      Creează un paragraf nou
      Aliniază un paragraf relativ la o parte a documentului, valori: stânga, dreapta, justificare sau centru
      Dezactivează fluxul de linie.
      Specifică unde se întrerupe linia pentru împachetare, dacă este necesar.

      Inserează o linie nouă.
      Creează indentări pe ambele părți ale textului.
      Creează o listă de definiții.
      Definește fiecare dintre termenii din listă
      Descrie fiecare definiție
      Formatează textul într-o listă numerotată
    • Identifică fiecare element al listei și atribuie un număr secvenţial
      Etichetă pentru crearea unei liste neordonate
    • Marchează fiecare noua pozitieîn listă într-un cerc sau pătrat.
      Această etichetă este folosită pentru a formata blocuri mari text HTML document, folosit și în foile de stil
      Elemente grafice pe pagină
      Inserează o imagine în pagină.
      Formatează poziția imaginii în document, poate avea următoarele valori: stânga, dreapta, centru; jos, sus, mijloc.
      Setează grosimea marginii din jurul imaginii
      Setează marginile de sus și de jos
      Setează marginile din stânga și din dreapta.
      Creează un balon cu instrumente
      Adaugă o linie orizontală.
      Specifică grosimea liniei.
      Specifică lățimea liniei în pixeli sau procente.
      Linie fără umbră.
      Definește culoarea liniei.
      Crearea de tabele
      Etichetă care creează un tabel.
      Specifică un rând într-un tabel.
      Specifică o celulă individuală într-un tabel.
      Setează titlul tabelului (o celulă obișnuită cu formatare centrată și text aldine)
      Care sunt atributele tabelului?
      Atribuie o semnătură de tabel
      Definește grosimea cadrului.
      Definește distanța dintre celule.
      Câmpuri pentru conținutul text al celulei.
      Setează lățimea tabelului. (Valoarea parametrului poate fi în pixeli sau procente)
      sau sau
      Setează înălțimea mesei. (Valoarea parametrului poate fi în pixeli sau procente)
      Definește alinierea orizontală a celulelor din tabel, poate avea următoarele valori: stânga, centru, dreapta.
      Determină alinierea verticală a celulelor din tabel, poate avea următoarele valori: sus, mijloc sau jos.
      Specifică numărul de coloane combinate într-o singură celulă.
      Indică numărul de rânduri combinate într-o singură celulă.
      Împiedică vizualizatorul să facă o nouă linie într-o celulă de tabel.
      Setează lățimea celulei tabelului în pixeli sau procente.
      Setează înălțimea celulei tabelului în pixeli sau procente.
      Cadre în documente html
      Precedează o etichetă pe o pagină cadru.
      Definește rânduri dintr-un tabel cadru a cărui valoare înălțime este specificată de numărul de pixeli sau procent.
      Definește coloanele dintr-un tabel cadru a cărui lățime este specificată de numărul de pixeli sau procent.
      Specifică un singur cadru sau zonă într-un tabel cu cadru.
      Specifică informațiile pe care vizitatorul le va vedea în cazurile în care cadrul nu poate fi afișat.
      Atributele cadre html folosite
      Conectarea unei pagini web la o fereastră cadru.
      Atribuie un nume cadrului pentru a îmbunătăți rutarea informațiilor între cadre și pagini.
      Căptușeală orizontală în interiorul ferestrei cadru.
      Căptușeală verticală în interiorul unei ferestre cadru.
      Împiedică vizitatorii site-ului să redimensioneze fereastra cadru.
      Iframe și atributele sale
      Creează un container care poate conține orice elemente.
      Alte elemente ale paginii se vor înfășura în jurul acestui container.
      Leagă o pagină web la o fereastră iframe.
      Atribuie un nume iframe-ului pentru a îmbunătăți rutarea informațiilor.
      Setează umplutura orizontală în afara cadrului iframe.
      Setează umplutura verticală în afara cadrului iframe.
      Setează marginile orizontale din cadrul iframe.
      Setează marginile verticale din cadrul iframe.
      Creează o bară de defilare a cadrului;
      valoarea poate fi „da”, „nu” sau „auto”.
      Implicit este automat.
      Setează lățimea iframe-ului
      Setează înălțimea iframe-ului;
      Fixează textul de ajutor contextual.
      Formează etichete legate
      Etichetă pentru crearea formularului.
      Creează un meniu de derulare. Atributul dimensiune determină numărul de elemente din meniu care sunt vizibile imediat fără a utiliza bara de defilare.
      Setează fiecare element de meniu individual.
      Creează un meniu derulant
      Plasează o fereastră de introducere a textului editabilă. Atribute coloane - setează lățimea ferestrei și, respectiv, înălțimea rândurilor.
      Plasează un element casetă de selectare.
      Plasează un element de tipul butonului radio.
      Plasează o linie de introducere a textului.

      Atributul Dimensiune specifică lungimea în caractere.

      Plasează un buton „Trimite” pe pagină

      Acestea sunt etichetele globale de care avem nevoie oricum. Ele nu sunt afișate în niciun fel pe pagina web, dar vă permit să marcați structura. De exemplu, eticheta html. Astăzi, de foarte multe ori nici măcar nu este scrisă; În general, este un container comun pentru întregul document html. Orice altceva este inclus în el.

      Urmează 2 secțiuni - cap și corp. Primul conține diferite tipuri de parametri ai paginii web, conectați fișiere externe etc. De exemplu, aici este setată codificarea site-ului, sunt scrise meta-etichete și titlul, sunt incluse stilurile CSS și scripturile web. În general, secțiunea principală joacă un rol vital pentru performanța site-ului.

      Ei bine, corpul este corpul paginii. Aici scriem deja ceea ce este afișat direct pe ecran. În continuare, ne vom uita direct la etichetele care sunt folosite în corpul paginii.

      Formatarea textului

      De obicei, despre formatare se vorbește întotdeauna mai întâi când vine vorba de html. Într-adevăr, ce poate fi mai important decât textul de pe pagină și design-ul corect?

      De exemplu, să creăm trei paragrafe. Unul va fi simplu, al doilea va avea textul îngroșat, iar al treilea va fi subliniat.

      Un text dintr-un paragraf, imitând conținutul

      Un text dintr-un paragraf, imitând conținutul

      Cam așa formatăm textul folosind etichetele discutate în articolul respectiv.

      Etichete HTML pentru imagini (imagini)

      Pentru poze există doar 1 etichetă principală - img. Și, la rândul său, are doar 1 parametru necesar - src , adică calea către fișier. Orice altceva poate fi personalizat prin css. De fapt, am scris și în detaliu despre inserarea unei imagini și iată un exemplu de cea mai simplă inserare:

      Eticheta, după cum puteți vedea, este singură, adică partea de închidere nu este necesară. Calea este stabilită pe baza locației paginii html. Poza mea se afla în același folder cu pagina web, ceea ce înseamnă că calea era cât mai scurtă posibil.

      Puteți modifica dimensiunea imaginii folosind atributele lățime și înălțime, dar este optim să faceți acest lucru prin css. Dar pe lângă eticheta img, html5 a introdus și etichete care într-un fel sau altul ajută la proiectarea imaginii. Acestea sunt figura și figcaption. Adică o cifră și o semnătură pentru ea. În general, domeniul de aplicare al acestor etichete este mai larg, dar ne vom uita la un exemplu cu o imagine:

      Plimbare

      Ei bine, câteva linii CSS:

      Figura( lățime: 300px; ) figcaption( text-align: center; culoare: gri; )

      Aceste etichete au simplificat pur și simplu procesul de adăugare a subtitrărilor la imagini:

      Etichete pentru linkuri

      Ancoră

      Adică, există și 1 atribut obligatoriu - href . Fără el, browserul pur și simplu nu va înțelege unde să meargă. Adresa trebuie specificată cu protocolul http://. Ei bine, între etichetele de deschidere și de închidere indicăm ancora în sine, adică textul pe care îl vom vedea pe pagină.

      Liste pe paginile web

      Cu liste, totul este, de asemenea, destul de simplu. Există 2 tipuri de liste - marcate și numerotate. Singurele diferențe sunt aspect numărător Adică, acestea sunt numere sau doar markeri.

      Lista numerotată este creată cu eticheta ol, iar articolele în sine cu etichetele li. Puteți imbrica orice număr de alte etichete și orice conținut în cadrul acestei etichete.

    • Strânge masa
    • Pregătiți mâncarea
    • Du-te la fotbal
    • În mod implicit, lista este deja afișată cu anumite indentări.

      În consecință, o listă cu marcatori este creată folosind eticheta ul, iar în interiorul acesteia se află aceleași li .

      Mesele

      Am scris în detaliu despre etichetele de masă aici. Pentru a spune pe scurt, acesta este:

    • table — recipientul în sine pentru masă;
    • tr — rând de masă, acționează și ca container;
    • td - o celulă, aici este plasat conținutul;
    • Să creăm un tabel simplu:

      Celula 1 Celula 2
      Celula 1 Celula 2

      Ei bine, l-am decorat puțin folosind CSS:

      Tabel( chenar-restrângere: restrângere; ) td( chenar: 1px roșu continuu; umplutură: 15px; )

      Dacă nu înțelegeți ce este css, atunci vă invit să îl citiți în același timp, totul va deveni clar imediat.

      Forme

      Formularele sunt, de asemenea, foarte importante atunci când se creează site-uri web, deoarece sunt folosite tot timpul. Nu cred că am încă un articol bun pe blog despre formulare, așa că trebuie să scriu unul. Deocamdată, să creăm un formular simplu:

      Log in:
      Parolă:
      Sunt de acord cu regulile

      Elemente de bază ale formei:

    • form este containerul formular în sine, în care sunt plasate toate câmpurile. Pentru ca formularul să funcționeze corect, trebuie să includă atributele de acțiune și metodă, dar aceasta funcționează deja cu limbajul PHP.
    • intrare - câmpul formularului, care va fi exact, depinde de valoarea din atributul tip. De exemplu, textul este un câmp pentru introducerea textului simplu, parola este un câmp pentru introducerea unei parole, caseta de selectare este o bifă, trimite este un buton pentru a trimite formularul. Desigur, acestea nu sunt toate semnificațiile, dar voi scrie mai multe despre altele într-un articol separat despre forme (în curând).
    • Ei bine, și elemente auxiliare. În cazul nostru, acesta este text și rupturi de rând.
    • Posibilitățile de formulare, în special odată cu apariția html5-ului, au devenit foarte mari. Puteți adăuga un număr nelimitat de câmpuri la acestea, le puteți marca ca fiind necesare, setați modele etc. Din nou, voi scrie despre toate acestea separat cândva.

      Elemente bloc și inline

      În general, toate elementele din html pot fi împărțite aproximativ în două categorii: bloc și inline. De exemplu, etichetele cu litere mici includ: b (bold), img (imagine), a (link), etc. Adică pot fi folosite de mai multe ori pe o singură linie.

      Blocurile sunt o chestiune complet diferită. Nu poate exista decât un singur bloc pe linie. Exemple de blocuri: paragrafe, tabele, liste. Adică nu pot fi 2 paragrafe pe un rând, nu?

      Există etichete în html care desemnează pur și simplu un bloc și un element inline, fără a-i mai oferi proprietăți. Acestea sunt span și div. Primul este inline, iar al doilea este bloc. Ele sunt folosite în layout tot timpul. Pentru a vă ajuta să înțelegeți diferența, iată un exemplu:

      Text Text Text Text Text Text

      Acestea sunt probabil toate etichetele HTML principale pentru crearea unui site web, care sunt de fapt folosite tot timpul și pe care chiar trebuie să le cunoașteți.

      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 limbajul HyperText Markup. 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ă prezentați text simplu într-o 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).

      Ele afișează doar text formatat și ascund etichetele HTML care au fost folosite pentru formatare. Pentru a vă înțelege mai clar despre ce vorbesc, faceți clic dreapta pe această pagină și selectați „ Cod 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 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.

      Etichete de pagină HTML obligatorii

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

      Nota. 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 asociate (există o etichetă de deschidere și una de închidere în HTML, aproape toate etichetele sunt așa); Diferența dintre o etichetă de deschidere și o etichetă 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 în recipient. Puteți vedea singur că între etichete există și alte etichete.

      Puteți introduce numele etichetelor cu majuscule sau cu 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 se află metaetichete (titlul paginii, descrierea, cuvintele cheie etc.). Acestea stochează informații despre pagina html și informatii tehnice. În general, această etichetă nu este obligatorie, adică fără ea, 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 compatibilitatea între diferite versiuni de 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 superior browser). Dar ele pot avea un impact mare asupra aspectului unei pagini html, asupra vieții acesteia pe Internet și asupra clasamentului. Vom vorbi mai multe despre etichetele care se află în antetul unui document hipertext 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.

      Toate celelalte etichete utilizate la crearea unui document HTML sunt situate între (adică, în interiorul) aceste etichete necesare. 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).

      Nota. 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.

      Cum sugerez să înveți HTML

      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, predau elementele de bază ale HTML-ului în ordine.

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

      Oh înapoi 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 (cel puțin 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.


      Bună ziua, dragi cititori ai 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 cod HTML, fie întregul site folosind etichete, fie colecția dvs. 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 de start 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 instrument 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 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ă implicit, există și o mulțime de pluginuri 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 pentru 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 apoi cu ușurință tabele, inserați imagini și hyperlinkuri în text, adăugați 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, asta e 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 vă spun doar despre partea financiară. Site-ul poate deveni principala dvs. 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 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. Acestea sunt informații strict proprietare. Descrierea de mai sus și cuvintele cheie spun motoarele 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 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?

      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 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

      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ă)
      Radikal - găzduire gratuită de fotografii cu încărcare rapidă și ușoară a fotografiilor prin Radikal.ru
      Link - ce este și cum se creează Ce este memoria cache - cum se șterge memoria cache în Opera, Mozilla, Chrome și alte browsere
      Marea întrebare - cum să faci bani cu un serviciu de întrebări și răspunsuri Comparația este o tehnică care decorează o imagine (exemple din literatură) Ce este Smart TV pe un televizor



       


      Citire:



      Cum să anulați un abonament Megogo la televizor: instrucțiuni detaliate Cum să vă dezabonați de la abonamentele Megogo

      Cum să anulați un abonament Megogo la televizor: instrucțiuni detaliate Cum să vă dezabonați de la abonamentele Megogo

      Caracteristicile și avantajele serviciului Megogo Unul dintre cele mai mari servicii video din Europa de Est și CSI este Megogo. Catalogul conține peste 80 de mii...

      Cum să partiționați un disc cu Windows instalat fără a pierde date Partiționați discul 7

      Cum să partiționați un disc cu Windows instalat fără a pierde date Partiționați discul 7

      Împărțirea unui hard disk în partiții utilizând Windows7 Partiționarea unității C:\ în Win7 Când cumpărați un computer sau laptop nou cu...

      De ce editorii nu pot edita toate paginile

      De ce editorii nu pot edita toate paginile

      Utilizatorii care lucrează frecvent în Microsoft Word pot întâmpina anumite probleme din când în când. Am discutat deja despre soluția multora dintre ele...

      Codurile promoționale Pandao pentru puncte

      Codurile promoționale Pandao pentru puncte

      Uneori, când încerci să intri în magazinul oficial al gigantului digital, Play Market scrie pentru a activa un cod promoțional. Pentru a obține o cuprinzătoare...