¿Qué son los elementos y las etiquetas de HTML?
Los elementos son declaraciones para visualizar o dar forma a una página Web.
Las etiquetas son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
Reglas básicas de las etiquetas HTML
- Las etiquetas están encerradas entre los signos «<» y «>«.
- Las etiquetas generalmente vienen en pares <p> y <⁄p>.
- La primera es de apertura y la segunda de cierre.
- El texto que se encuentra entre dos etiquetas es el contenido del elemento.
- Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.
Etiquetas de HTML
Veamos con este ejemplo las etiquetas de HTML.
<html> <head> <title>Una página Web</title> </head> <body> Hola a todos. <b>Este texto es en negrita</b> </body> </html>
Esta es una etiqueta HTML:
<b>Este texto es en negrita.</b>
El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita).
El contenido de dicho elemento es: Este texto es en negrita.
El fin del elemento HTML es con la etiqueta de cierre </b>.
En la siguiente imagen tenemos un ejemplo de la etiqueta de párrafo, <p>
Otro elemento HTML en el ejemplo es:
<body> <p>Hola a todos. <b>Este texto es en negrita</b></p> </body>
EL elemento HTML comienza con la etiqueta de apertura <body>(etiqueta que define el cuerpo del documento).
El contenido de dicho elemento es: Hola a todos. <b>Este texto es en negrita</b>.
El fin del elemento HTML es con la etiqueta de cierre </body>.
¿Qué son los atributos de las etiquetas?
Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.
- Los atributos siempre van con la estructura: nombre=«valor».
- Los atributos siempre van en la etiqueta de apertura.
- Los valores siempre hay que ponerlos entre comillas.
Un ejemplo de los atributos sería:
<body bgcolor="#FFFF00"> Hola a todos. <b>Este texto es en negrita</b> </body>
Hola a todos. Este texto es en negrita
En la etiqueta <body> podemos observar el atributo bgcolor=(color de fondo) y el valor «#FFFF00»(representa el color amarillo en hexadecimal).
Esto quiere decir que el color de fondo de la página será amarillo.
Un consejo con respecto al uso de minúsculas.
Si bien HTML acepta tanto etiquetas en mayúscula <B> como en minúscula <b>, el World Wide Web Consortium (W3C) recomienda el uso de minúsculas. Además XHTML (la siguiente versión de HTML) acepta solo minúsculas.
Es por eso que recomendamos acostumbrarse a usar minúsculas cuando escriba sus códigos HTML.
