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 de finalización:<nombre de etiqueta > El contenido va aquí … < / nombre de etiqueta >

Ejemplos de algunos elementos HTML:< h1 > Mi primer título < / h1 >< p > Mi primer párrafo. < / p >

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 ejemplo siguiente contiene cuatro elementos HTML ( < html >< body >< h1 > y < p >):

<!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 finalización </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 finalización </body>.

Luego, dentro del <body>elemento hay otros dos elementos: <h1><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 finalización </h1>:

<h1>My First Heading</h1>

El <p>elemento define un párrafo.

Tiene una etiqueta de inicio <p>y una etiqueta de finalización </p>:

<p>My first paragraph.</p>

Nunca omita la etiqueta final

Algunos elementos HTML se mostrarán correctamente, incluso si olvida la etiqueta final:

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

Sin embargo, ¡nunca confíe en esto! Pueden producirse resultados inesperados y errores si olvida la etiqueta de cierre.


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:

<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.

Conceptos Relacionados