Elementos HTML

Un elemento HTML es definido por una etiqueta de inicio, algún contenido y una etiqueta final.

Elementos HTML

Un elemento HTML normalmente consiste en una etiqueta de apertura, cierto contenido y una etiqueta de cierre…

Ejm

<nombreetiqueta>Algún contenido</nombreetiqueta>

El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta de finalización.

Ejm

<p>Mi primer párrafo</p>
Etiqueta de apertura Contenido Etiqueta de cierre
<h1> Mi primer encabezado </h1>
<p> Mi primer párrafo </p>
<br >

Los elementos HTML sin contenido se denominan elementos vacíos. Los elementos vacíos no tienen una etiqueta final, como el elemento <br> (que indica un salto de línea).

Elementos HTML anidados

Los elementos HTML pueden estar anidados, es decir, estos elementos pueden contener otros elementos.

Ejm

<!DOCTYPE html>
<html>
<body>

<h1>Mi primer encabezado</h1>
<p>Mi primer párrafo</p>

</body>
</html>

Ejm explicado

  • El elemento <html> define el documento completo, este elemento tiene una etiqueta de apertura, <html>, y una etiqueta de cierre </html>.
  • Dentro de <html> encontramos el elemento <body>, el cual, igualmente tiene una etiqueta de apertura <body> y de cierre </body>.
  • Dentro de <body> encontramos otros dos elementos, con sus correspondientes aperturas y cierre, <h1></h1> y <p></p>, cabecera y párrafo respectivamente.

No olvidar la etiqueta de cierre

Algunos elementos HTML se mostrarán correctamente, incluso si olvidas la etiqueta final.

Ejm

<html>
<body>

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

</body>
</html>

El ejemplo arriba funciona en todos los navegadores, porque la etiqueta de cierre se considera opcional. Nunca confíes en esto. Puede producir resultados inesperados y / o errores si olvidas la etiqueta final.

Elementos HTML vacíos

Los elementos HTML sin contenido se denominan elementos vacíos<br> es un elemento vacío sin una etiqueta de cierre (la etiqueta <br> define un salto de línea).

Ejm

<p>Esto es un <br> párrafo con un salto de línea.</p>

Los elementos vacíos se pueden “cerrar” en la etiqueta de apertura de esta manera: <br />. HTML no requiere que se cierren elementos vacíos. Pero si deseas una validación más estricta, o si necesitas hacer que tu documento sea legible por analizadores XML, debes cerrar todos los elementos HTML correctamente.

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.