Elementos HTML
Un elemento HTML se define mediante una etiqueta de inicio, algo de contenido y una etiqueta de finalización.
Elementos HTML
El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta final:
Ejemplos de algunos elementos HTML:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Nota: algunos elementos HTML no tienen contenido (como el elemento <br>). Estos elementos se denominan elementos vacíos. ¡Los elementos vacíos no tienen una 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>
y <body>
) :<h1>
<p>
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Ejemplo explicado
El <html>
elemento es el elemento raíz y define todo el documento HTML.
Tiene una etiqueta de inicio <html>
y una etiqueta de fin </html>
.
Luego, dentro del <html>
elemento hay un <body>
elemento:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
El <body>
elemento define el cuerpo del documento.
Tiene una etiqueta de inicio <body>
y una etiqueta de fin </body>
.
Luego, dentro del <body>
elemento hay otros dos elementos:
<h1>
y
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
El <h1>
elemento define un encabezado.
Tiene una etiqueta de inicio <h1>
y una etiqueta de fin </h1>
:
<h1>My First Heading</h1>
El <p>
elemento define un párrafo.
Tiene una etiqueta de inicio <p>
y una etiqueta de fin </p>
:
<p>My first paragraph.</p>
Nunca te saltes la etiqueta final
Algunos elementos HTML se mostrarán correctamente, incluso si olvida la etiqueta final:
Ejemplo
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Sin embargo, ¡nunca confíes en esto! ¡Pueden ocurrir resultados inesperados y errores si olvida la etiqueta final!
Elementos HTML vacíos
Los elementos HTML sin contenido se denominan elementos vacíos.
La <br>
etiqueta define un salto de línea y es un elemento vacío sin una etiqueta de cierre:
Ejemplo
<p>This is a <br> paragraph with a line break.</p>
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 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.
Referencia de etiquetas HTML
La referencia de etiquetas de W3Schools contiene información adicional sobre estas etiquetas y sus atributos.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML .