Definirea etichetei HTML

Ce trebuie să știți despre etichetele HTML

HTML este limba web. Paginile web pe care le vizualizați pe computer sau pe telefon, inclusiv pe aceasta, sunt scrise în limbajul de marcare hipertext, folosind ceea ce se numește "etichete HTML". Vă puteți gândi la HTML ca la "codul sub capota" care controlează structura unei pagini Web.

În cele din urmă, atunci când învățați orice limbă nouă, începeți cu expresii simple și construiți de acolo. Învățarea despre HTML nu este diferită. Veți începe prin a stăpâni etichetele HTML comune. Acesta este echivalentul învățării "expresiilor simple" într-un limbaj vorbit. Aceste expresii devin fundalul pe care vă construiți cunoștințele și vorbirea, la fel ca și tagurile HTML, pe care vă veți construi abilitățile de dezvoltare web.

Formatul etichetei HTML

Puteți recunoaște o etichetă HTML deoarece este înconjurată de caracterele <și> de la începutul și sfârșitul etichetei. Între aceste două caractere ar fi alt text care definește ce fel de etichetă HTML este scris. De exemplu, dacă știți că "hr" înseamnă o regulă orizontală (sau linie), ați scrie acest lucru pentru eticheta HTML:


Tocmai ați scris o etichetă HTML care trage o regulă orizontală pe o pagină Web.

Majoritatea etichetelor HTML sunt în perechi. Acestea sunt plasate la începutul și la sfârșitul unei secțiuni de text pentru a dicta conținutul pe care îl vor conține. Aceste perechi de etichete alcătuiesc elemente HTML . Când aflați că și sunt etichetele de deschidere și de închidere pentru a face textul îngroșat, începeți să înțelegeți modul în care etichetele HTML afectează apariția textului pe o pagină Web.

Această teză va apărea cu toată caracterele aldine din cauza etichetelor.

Rețineți că eticheta puternică de închidere (care înseamnă "accent puternic și care, în mod implicit, face ca textul să fie îndrăzneț) este identică cu eticheta de introducere boldă cu excepția faptului că include o bară în etichetă. Acesta este formatul urmat de cele mai multe Etichetele HTML.Eticheta de deschidere și etichetele de închidere sunt aceleași, cu adăugarea unei slash la închiderea care urmează după primul

Combinări de etichete HTML

Etichetele HTML sunt frecvent utilizate în combinație. Etichetele de deschidere și de închidere pentru textul subliniat (italic) sunt și . Adăugarea etichetelor italice la un singur cuvânt în exemplul cuvintele aldine care provoacă apariția cuvântului este atât cu caractere aldine, cât și cu caractere cursive în pagina web.

Această teză va apărea cu toată caracterele aldine din cauza etichetelor.

Ori de câte ori mai multe etichete sunt utilizate împreună într-un element al unei pagini web, cu unele etichete care apar în interiorul altora, acestea sunt denumite etichete HTML imbricate. Trebuie să vă amintiți că o etichetă imbricată, care sunt etichetele din interiorul altora, trebuie închisă înainte ca etichetele care le conțin să poată fi închise. Uitați-vă la acest exemplu:

Acesta este un text care este accentuat pentru un anumit motiv.

Ar trebui să observați că eticheta este deschisă în

, ceea ce înseamnă că trebuie închis înainte de apariția etichetei de închidere . Gândiți-vă la etichete imbricate, cum ar fi cutiile din interiorul altor cutii. Cutiile de interior trebuie să fie închise înainte de exterior, conținând cutii.

HTML tag-uri și Pagini Web

Există zeci de etichete HTML în HTML valid. Unele etichete HTML dictează elemente foarte comune, de bază, cum ar fi paragrafele, în timp ce altele sunt mai complicate și se adaugă mai multe funcționalități, cum ar fi link-ul sau "ancora" etichetele. O listă de etichete HTML oferă o imagine instantanee a numeroaselor funcții pe care le pot utiliza etichetele pe o pagină Web.

Există, de asemenea, unele etichete care sunt cerute de toate paginile web. Pe măsură ce construiți prima pagină, veți folosi eticheta , care începe o pagină web; care indică browserului ce trebuie afișat în partea de sus a panoului de browser și <body>, unde se află toate informațiile despre pagina web și este cea mai mare parte a paginii dvs. </p> <p> O listă de etichete HTML nu este mult de ajutor până când nu ați trecut printr-un tutorial HTML, dar după ce faceți acest lucru, puteți utiliza etichete HTML pentru a crea o pagină web proprie. O notă, nu fiți copleșiți de numărul de etichete HTML posibile. În timp ce există sute de etichete posibile pentru a fi utilizate, realitatea este că probabil veți folosi doar o mână de ele mereu. De fapt, există câteva etichete HTML pe care nu le-am folosit nici măcar o singură dată în deceniile mele de web design work! </p> <h3> Etichete depreciate </h3><p> <a href="https://ro.eyewated.com/html-5-referinta-html-5-etichete-alphabetically/">HTML5</a> este standardul de markup curent. Unele dintre etichetele care au fost folosite în versiunile anterioare de HTML sunt acum tratate de foi de stil în HTML5. Etichetele HTML depreciate au fost eliminate din specificațiile HTML. Cel mai bine este să nu folosiți etichete învechite. </p> <p> Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 5/2/17 </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://ro.eyewated.com/editorii-html-si-xml-pentru-linux-si-unix/"> <amp-img src="https://exse.eyewated.com/pict/50580a284b573169-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/editorii-html-si-xml-pentru-linux-si-unix/">Editorii HTML și XML pentru Linux și Unix</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/care-este-diferenta-dintre-tag-urile-tabelului-th-si-td-html/"> <amp-img src="https://exse.eyewated.com/pict/e20233b2c6ba3161-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/care-este-diferenta-dintre-tag-urile-tabelului-th-si-td-html/">Care este diferența dintre Tag-urile Tabelului TH și TD HTML?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-se-numeste-fisiere-html/"> <amp-img src="https://exse.eyewated.com/pict/70e20e2509a62ffb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-se-numeste-fisiere-html/">Cum se numește fișiere HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/aflati-despre-html-alt-atribut-etichete-imagine/"> <amp-img src="https://exse.eyewated.com/pict/af8334fc5d12335c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/aflati-despre-html-alt-atribut-etichete-imagine/">Aflați despre HTML Alt atribut Etichete imagine</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/aflati-legile-privind-dreptul-de-autor-care-inconjoara-desenele-web-si-crearile-html/"> <amp-img src="https://exse.eyewated.com/pict/1aae6339c2733a86-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/aflati-legile-privind-dreptul-de-autor-care-inconjoara-desenele-web-si-crearile-html/">Aflați legile privind dreptul de autor care înconjoară desenele Web și creările HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/codurile-html-pentru-punctuatie-si-alte-caractere/"> <amp-img src="https://exse.eyewated.com/pict/f05b77d3acc02f4c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/codurile-html-pentru-punctuatie-si-alte-caractere/">Codurile HTML pentru punctuație și alte caractere</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/datele-tabulare-si-utilizarea-tabelelor-in-xhtml/"> <amp-img src="https://exse.eyewated.com/pict/0c22b38418ef3120-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/datele-tabulare-si-utilizarea-tabelelor-in-xhtml/">Datele tabulare și utilizarea tabelelor în XHTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/utilizarea-html5-pentru-afisarea-videoclipurilor-in-browserele-curente/"> <amp-img src="https://exse.eyewated.com/pict/4f309dbe503c33d3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/utilizarea-html5-pentru-afisarea-videoclipurilor-in-browserele-curente/">Utilizarea HTML5 pentru afișarea videoclipurilor în browserele curente</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/scrierea-cod-html-in-dreamweaver/"> <amp-img src="https://exse.eyewated.com/pict/c28f4e88a9aa328f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/scrierea-cod-html-in-dreamweaver/">Scrierea cod HTML în Dreamweaver</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://ro.eyewated.com/biciclete-despre-articole-scrise/"> <amp-img src="https://exse.eyewated.com/pict/5f474a7be33832ee-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/biciclete-despre-articole-scrise/">Biciclete despre articole scrise</a></h3> <div class="amp-related-meta"> Software-ul </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-se-conecteaza-un-computer-la-internet/"> <amp-img src="https://exse.eyewated.com/pict/31e90461a4272fb2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-se-conecteaza-un-computer-la-internet/">Cum se conectează un computer la Internet</a></h3> <div class="amp-related-meta"> Internet și rețea </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-sa-copiati-adresa-web-a-unei-imagini-url-in-safari/"> <amp-img src="https://exse.eyewated.com/pict/8f2c012f56bb42dd-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-sa-copiati-adresa-web-a-unei-imagini-url-in-safari/">Cum să copiați adresa Web a unei imagini (URL) în Safari</a></h3> <div class="amp-related-meta"> E-mail și mesaje </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/ce-trebuie-sa-faceti-pentru-a-repara-un-ipod-sau-iphone-inghetat/"> <amp-img src="https://exse.eyewated.com/pict/0e79b63df1ee3443-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/ce-trebuie-sa-faceti-pentru-a-repara-un-ipod-sau-iphone-inghetat/">Ce trebuie să faceți pentru a repara un iPod sau iPhone înghețat</a></h3> <div class="amp-related-meta"> IPhone și iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/ce-este-google-home-si-ce-sunt-max-si-mini/"> <amp-img src="https://exse.eyewated.com/pict/0dfcba37df023932-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/ce-este-google-home-si-ce-sunt-max-si-mini/">Ce este Google Home? Și ce sunt Max și Mini?</a></h3> <div class="amp-related-meta"> Nou & Următor </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/grand-theft-auto-san-andreas/"> <amp-img src="https://exse.eyewated.com/pict/3eb963b152d632fb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/grand-theft-auto-san-andreas/">Grand Theft Auto San Andreas</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://ro.eyewated.com/patru-trebuie-sa-aiba-extensii-chrome/"> <amp-img src="https://exse.eyewated.com/pict/e2ddb9f7225d3367-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/patru-trebuie-sa-aiba-extensii-chrome/">Patru trebuie să aibă extensii Chrome</a></h3> <div class="amp-related-meta"> Cautare pe internet </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-pot-restaura-un-fisier-copiat/"> <amp-img src="https://exse.eyewated.com/pict/10fa5ab74ff94e67-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-pot-restaura-un-fisier-copiat/">Cum pot restaura un fișier copiat?</a></h3> <div class="amp-related-meta"> Ferestre </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cele-7-cele-mai-bune-pliante-de-birou-de-birou-pentru-a-cumpara-in-2018/">Cele 7 cele mai bune pliante de birou de birou pentru a cumpăra în 2018</a></h3> <div class="amp-related-meta"> Ghiduri de cumpărare </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/8-site-uri-de-jocuri-fiecare-jucator-trebuie-sa-marcheze/"> <amp-img src="https://exse.eyewated.com/pict/fec7131f11fd3527-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/8-site-uri-de-jocuri-fiecare-jucator-trebuie-sa-marcheze/">8 Site-uri de jocuri Fiecare jucător trebuie să marcheze</a></h3> <div class="amp-related-meta"> Cautare pe internet </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-se-inregistreaza-un-apel-cu-google-voice/"> <amp-img src="https://exse.eyewated.com/pict/2add5556a6802fe1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-se-inregistreaza-un-apel-cu-google-voice/">Cum se înregistrează un apel cu Google Voice</a></h3> <div class="amp-related-meta"> E-mail și mesaje </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/plicuri-stiluri/"> <amp-img src="https://exse.eyewated.com/pict/9bff85e74f7833ea-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/plicuri-stiluri/">Plicuri stiluri</a></h3> <div class="amp-related-meta"> Software-ul </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cum-se-utilizeaza-garmin-connect-creator-tool/"> <amp-img src="https://exse.eyewated.com/pict/a915a36b7e5f357d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cum-se-utilizeaza-garmin-connect-creator-tool/">Cum se utilizează Garmin Connect Creator Tool</a></h3> <div class="amp-related-meta"> Nou & Următor </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/filme-care-revolutioneaza-grafica-computerizata/"> <amp-img src="https://exse.eyewated.com/pict/803772170d3b2f84-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/filme-care-revolutioneaza-grafica-computerizata/">Filme care revoluționează grafica computerizată</a></h3> <div class="amp-related-meta"> Nou & Următor </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/o-privire-la-ceea-ce-este-nou-in-android-wear-2-0/"> <amp-img src="https://exse.eyewated.com/pict/d0c3f1089927363a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/o-privire-la-ceea-ce-este-nou-in-android-wear-2-0/">O privire la ceea ce este nou în Android Wear 2.0</a></h3> <div class="amp-related-meta"> Purtabile </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/proiectorul-optoma-hd25-lv-whd-conexiunea-wireless/"> <amp-img src="https://exse.eyewated.com/pict/bd567a441d6c37f0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/proiectorul-optoma-hd25-lv-whd-conexiunea-wireless/">Proiectorul Optoma HD25-LV-WHD / conexiunea wireless</a></h3> <div class="amp-related-meta"> Recenzii de produse </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/ce-este-un-fisier-asf/"> <amp-img src="https://exse.eyewated.com/pict/b6ccf582168f30e0-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/ce-este-un-fisier-asf/">Ce este un fișier ASF?</a></h3> <div class="amp-related-meta"> Ferestre </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/mail-attachments-iconizer-add-on-pentru-mac-os-x-mail/">Mail Attachments Iconizer - add-on pentru Mac OS X Mail</a></h3> <div class="amp-related-meta"> Mac-uri </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/viber-mesaje-video-si-apeluri-pentru-desktop-si-mobil/"> <amp-img src="https://exse.eyewated.com/pict/6167e8d252b6346a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/viber-mesaje-video-si-apeluri-pentru-desktop-si-mobil/">Viber: Mesaje video și apeluri pentru desktop și mobil</a></h3> <div class="amp-related-meta"> Software și aplicații </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/8-lucruri-pe-care-trebuie-sa-le-stiti-cand-cumparati-un-iphone-folosit/"> <amp-img src="https://exse.eyewated.com/pict/29bea00b71c6340a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/8-lucruri-pe-care-trebuie-sa-le-stiti-cand-cumparati-un-iphone-folosit/">8 lucruri pe care trebuie să le știți când cumpărați un iPhone folosit</a></h3> <div class="amp-related-meta"> Ghiduri de cumpărare </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cele-mai-bune-8-laptop-uri-pentru-a-cumpara-pentru-copii-in-2018/"> <amp-img src="https://exse.eyewated.com/pict/4fd35c3e8d913736-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cele-mai-bune-8-laptop-uri-pentru-a-cumpara-pentru-copii-in-2018/">Cele mai bune 8 laptop-uri pentru a cumpăra pentru copii în 2018</a></h3> <div class="amp-related-meta"> Ghiduri de cumpărare </div> </div> </div> <div class="amp-related-content"> <a href="https://ro.eyewated.com/cele-mai-bune-jocuri-lego-pentru-ipad/"> <amp-img src="https://exse.eyewated.com/pict/87986e17771133c8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ro.eyewated.com/cele-mai-bune-jocuri-lego-pentru-ipad/">Cele mai bune jocuri LEGO pentru iPad</a></h3> <div class="amp-related-meta"> Software și aplicații </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 ro.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.231 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:46:33 --> <!-- 0.002 -->