El llenguatge de marcat d'hipertext també conegut com HTML, s'utilitza per crear aplicacions web. Les etiquetes HTML, comunament conegudes com a elements, són l'aspecte més important del llenguatge HTML. Les etiquetes HTML incrusten i mostren contingut o informació a les pàgines web. Hi ha dos tipus d'etiquetes HTML: etiquetes buides i etiquetes de contenidor.
Aquest bloc guiarà com treballar amb etiquetes buides i contenidors en HTML.
Etiquetes buides
Les etiquetes buides també es coneixen com ' singleton ' o ' buit etiquetes. L'etiqueta void mai conté contingut, però es poden especificar atributs. Aquestes etiquetes no tenen una etiqueta final i poden contenir una barra invertida a l'etiqueta. Els exemples d'etiquetes buides són “
”, “”, “”, “
Sintaxi
La sintaxi per esmentar els elements void en HTML és la següent:
< etiqueta buida />
Per veure com treballar amb etiquetes buides, consulteu l'exemple següent. El '
” es coneix com a etiqueta de salt de línia i s'utilitza per trencar la línia:
< pàg > Etiquetes HTML buides < br > La línia trencar Etiqueta pàg >
La sortida indica que el '
” L'etiqueta ha trencat la línia:
Podem afegir propietats d'estil CSS a les etiquetes HTML. El '
L'etiqueta ” és un altre element buit que afegeix una línia horitzontal a la pàgina:
< h estil = 'border-top: 3px vermell puntejat;' > La línia trencar Etiqueta
pàg >
El ' vora superior ' La propietat CSS s'aplica a '
' amb tres valors, un és l'amplada de la vora que és igual a ' 3 píxels ”, l'estil de vora s'estableix com a “ puntejat ” i el color de la vora.
Sortida
Fins ara, hem parlat de les etiquetes HTML buides. Ara passarem per les etiquetes del contenidor HTML a la secció següent.
Etiquetes de contenidors
Les etiquetes del contenidor HTML consten de tres parts: etiquetes inicials, etiquetes de contingut i etiquetes de finalització. La sintaxi de l'etiqueta de contenidor HTML es dóna de la següent manera:
< dia_inici > Contingut etiqueta final >Consulteu els exemples següents per saber com funciona l'etiqueta de contenidor en HTML.
Exemple 1: Com afegir un paràgraf en HTML?
El ' ” s'utilitza per incrustar el paràgraf al document HTML:
< pàg > Aquesta és una etiqueta de paràgraf pàg >Sortida
Exemple 2: Com afegir títols en HTML?
Hi ha sis nivells d'etiquetes de contenidor d'encapçalaments que es poden utilitzar per afegir encapçalaments a una pàgina web. Posem-los en un document HTML per veure com funcionen i es veuen en una pàgina web:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Sortida
Podem proporcionar l'estil en línia a aquestes etiquetes. Considereu l'exemple següent, que mostra com aplicar diverses propietats d'estil CSS a aquestes etiquetes:
< h1 estil = 'color de fons: card; família de tipus de lletra: cursiva;' > Linux h1 >< h2 estil = 'color de fons: blat; alineació de text: centre;' > Linux h2 >
< h3 estil = 'color de fons: tomàquet; color: blanc;' > Linux h3 >
< h4 estil = 'família de tipus de lletra: 'Trebuchet MS'; color de fons: groc verd;' > Linux h4 >
< h5 estil = 'color de fons: violeta;' > Linux h5 >
< h6 estil = 'color de fons: fum blanc;' > Linux h6 & gt
Aquí teniu l'explicació de les propietats esmentades anteriorment:
- El ' color de fons ” La propietat afegeix color al fons de l'element.
- “ família de tipus de lletra ” La propietat ajusta l'estil de lletra de l'element.
- “ alineació de text ” La propietat ajusta la ubicació o l'alineació del text.
Sortida
Us hem mostrat com utilitzar les etiquetes HTML buides i contenidors.
Conclusió
Les etiquetes buides i les etiquetes de contenidors són components principals dels documents HTML que incrusten el contingut i la informació en una pàgina web. Les etiquetes buides no contenen cap contingut i consisteixen només en l'etiqueta inicial amb una barra invertida al final, com ara
. Tanmateix, les etiquetes del contenidor contenen les etiquetes inicial i final juntament amb el contingut. Aquest bloc ha treballat sobre el funcionament dels elements buits i contenidors en HTML.