Hypertext Markup Language, cunoscut și sub numele de HTML, este folosit pentru a construi aplicații web. Etichetele HTML, cunoscute în mod obișnuit ca elemente, sunt cel mai important aspect al limbajului HTML. Etichetele HTML încorporează și afișează conținut sau informații pe paginile web. Există două tipuri de etichete HTML: etichete goale și etichete Container.
Acest blog vă va ghida cum să lucrați cu etichete goale și container în HTML.
Etichete goale
Etichetele goale sunt cunoscute și ca „ singleton ” sau ” gol ' Etichete. Eticheta void nu conține niciodată conținut, dar pot fi specificate atribute. Aceste etichete nu au o etichetă de sfârșit și pot conține o bară oblică inversă în etichetă. Exemplele de etichete goale sunt „
”, „”, „”, „
Sintaxă
Sintaxa pentru menționarea elementelor void în HTML este următoarea:
< etichetă goală />
Pentru a vedea cum să lucrați cu etichete goale, consultați exemplul de mai jos. „
Eticheta ” este cunoscută sub numele de etichetă de întrerupere de linie și este folosită pentru a întrerupe linia:
< p > Etichete HTML goale < br > Linia pauză Etichetă p >
Ieșirea indică faptul că „
” eticheta a întrerupt linia:
Putem adăuga proprietăți de stil CSS etichetelor HTML. „
Eticheta ” este un alt element gol care adaugă o linie orizontală paginii:
< HR stil = „border-top: 3px roșu punctat;” > Linia pauză Etichetă
p >
„ border-top ” Proprietatea CSS este aplicată la „
” cu trei valori, una este lățimea marginii care este egală cu ” 3px ”, stilul de chenar este setat ca „ întreruptă ” și culoarea chenarului.
Ieșire
Până acum, am discutat despre etichetele HTML goale. Acum, vom trece prin etichetele containerului HTML în secțiunea următoare.
Etichete pentru containere
Etichetele containerului HTML constau din trei părți: etichete de început, etichete de conținut și etichete de sfârșit. Sintaxa etichetei container HTML este dată după cum urmează:
< start_day > Conţinut etichetă finală >Consultați exemplele de mai jos pentru a afla cum funcționează eticheta container în HTML.
Exemplul 1: Cum să adăugați un paragraf în HTML?
„ ” eticheta este folosită pentru a încorpora paragraful în documentul HTML:
< p > Aceasta este o etichetă de paragraf p >Ieșire
Exemplul 2: Cum să adăugați titluri în HTML?
Există șase niveluri de etichete container de titluri care pot fi utilizate pentru a adăuga titluri la o pagină web. Să le punem într-un document HTML pentru a vedea cum funcționează și cum arată pe o pagină web:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Ieșire
Putem oferi stilul inline acestor etichete. Luați în considerare exemplul de mai jos, care arată cum să aplicați diferite proprietăți de stil CSS acestor etichete:
< h1 stil = 'culoare de fundal: ciulin; familia de fonturi: cursive;' > Linux h1 >< h2 stil = „culoarea fundalului: grâu; text-align: center;” > Linux h2 >
< h3 stil = 'culoare de fundal: roșie; culoare: alb;' > Linux h3 >
< h4 stil = „familie de font: „Trebuchet MS”; culoare de fundal: galbenverde;” > Linux h4 >
< h5 stil = 'culoare de fundal: violet;' > Linux h5 >
< h6 stil = „culoare de fundal: fum alb;” > Linux h6 & gt
Iată explicația proprietăților menționate mai sus:
- „ culoare de fundal ” proprietatea adaugă culoare fundalului elementului.
- „ familie de fonturi ” proprietate ajustează stilul fontului elementului.
- „ aliniere text ” proprietate ajustează plasarea sau alinierea textului.
Ieșire
V-am arătat cum să utilizați etichetele HTML goale și container.
Concluzie
Etichetele goale și etichetele container sunt componente majore ale documentelor HTML care încorporează conținutul și informațiile pe o pagină web. Etichetele goale nu conțin niciun conținut și constau doar din eticheta de început cu o bară oblică inversă la sfârșit, cum ar fi
. Cu toate acestea, etichetele containerului conțin etichetele de început și de sfârșit împreună cu conținutul. Acest blog a elaborat modul de funcționare a elementelor goale și container în HTML.