HTML Elementos
Un elemento HTML se define mediante una etiqueta de inicio, algo de contenido y una etiqueta de finalización.
HTML Elementos
El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta de cierre:
Ejemplos de algunos elementos HTML:
<p>Mi primer párrafo.</p>
| Etiqueta de inicio | Contenido del elemento | Etiqueta final |
|---|---|---|
| <h1> | Mi primer encabezado | </h1> |
| <p> | mi primer párrafo. | </p> |
| <br> | ninguno | ninguno |
Nota: Algunos elementos HTML no tienen contenido (como el elemento
). Estos elementos se llaman elementos vacíos. ¡Los elementos vacíos no tienen etiqueta final!
Elementos HTML anidados
Los elementos HTML se pueden anidar (esto significa que los elementos pueden contener otros elementos).
Todos los documentos HTML constan de elementos HTML anidados.
El siguiente ejemplo contiene cuatro elementos HTML (<html>, <body>, <h1> y <p>):
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>Mi primer encabezado</h1>
<p>Mi primer párrafo.</p>
</body>
</html>
Inténtalo tú mismo »
Ejemplo explicado
El elemento <html> es el elemento raíz y define todo el documento HTML.
Tiene una etiqueta de inicio <html> y una etiqueta de cierre </html>.
Luego, dentro del elemento <html> hay un elemento <body>:
<body>
<h1>Mi primer encabezado</h1>
<p>Mi primer párrafo.</p>
</body>
El elemento <body> define el cuerpo del documento.
Tiene una etiqueta inicial <body> y una etiqueta final </body>.
Luego, dentro del elemento <body> hay otros dos elementos: <h1> y <p>:
<h1>Mi primer encabezado</h1>
<p>Mi primer párrafo.</p>
El elemento <h1> define un encabezado.
Tiene una etiqueta de inicio <h1> y una etiqueta de cierre </h1>:
<h1>Mi primer encabezado</h1>
El elemento <p> define un párrafo.
Tiene una etiqueta de inicio <p> y una etiqueta de cierre </p>:
<p>Mi primer párrafo.</p>
Nunca te saltes la etiqueta final
Algunos elementos HTML se mostrarán correctamente, incluso si olvida la etiqueta final:
Sin embargo, ¡nunca confíes en esto! ¡Pueden ocurrir errores y resultados inesperados si olvida la etiqueta final!
Elementos HTML vacíos
Los elementos HTML sin contenido se denominan elementos vacíos.
La etiqueta <br> define un salto de línea y es un elemento vacío sin una etiqueta de cierre:
HTML no distingue entre mayúsculas y minúsculas
Las etiquetas HTML no distinguen entre mayúsculas y minúsculas: <P> significa lo mismo que <p>.
El estándar HTML no requiere etiquetas en minúsculas, pero el W3C recomienda minúsculas en HTML y exige minúsculas para tipos de documentos más estrictos como XHTML.
En W3Schools siempre usamos nombres de etiquetas en minúsculas.
HTML Referencia de etiqueta
La referencia de etiquetas de W3Schools contiene información adicional sobre estas etiquetas y sus atributos.
| Tag | Descripción |
|---|---|
| <html> | Definir la raíz de un documento HTML |
| <body> | Define el cuerpo del documento |
| <h1> to <h6> | Define encabezados HTML |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML.
