Elementos HTML

Un documento HTML se define por elementos HTML.

Elementos HTML

Un elemento HTML es todo el código desde la etiqueta de inicio (start tag) hasta la etiqueta de finalización (end tag).

Etiqueta de inicio Contenido del elemento Etiqueta de finalización
<p> Este es un párrafo </p>
<a href="default.htm" > Este es un enlace </a>
<br />

Nota:Las etiquetas de inicio se conocen comúnmente como etiquetas de apertura (opening tag), y las etiquetas de finalización se conocen comúnmente como etiquetas de cierre (closing tag).

Sintaxis de elemento HTML

  • Los elementos HTML seEtiqueta de inicioInicio
  • Los elementos HTML seEtiqueta de finalizaciónFinalización
  • Contenido del elementoes el contenido entre la etiqueta de inicio y la etiqueta de finalización
  • Algunos elementos HTML tienenContenido vacío (contenido vacío)
  • Elemento vacíoCierre en la etiqueta de inicio(que termina con el cierre de la etiqueta de inicio)
  • La mayoría de los elementos HTML pueden tenerPropiedades

Consejo:Aprenderá más sobre propiedades en el siguiente capítulo de este tutorial.

Elementos HTML anidados

La mayoría de los elementos HTML pueden anidarse (pueden contener otros elementos HTML).

Un documento HTML se compone de elementos HTML anidados.

Ejemplo de documento HTML

<html>
<body>
<p>Este es mi primer párrafo.</p>
</body>
</html>

El ejemplo anterior contiene tres elementos HTML.

Explicación de ejemplo HTML

Elemento <p>:

<p>Este es mi primer párrafo.</p>

Este elemento <p> define un párrafo en el documento HTML.

Este elemento tiene una etiqueta de inicio <p>, y una etiqueta de finalización </p>.

El contenido del elemento es: Este es mi primer párrafo.

Elemento <body>:

<body>
<p>Este es mi primer párrafo.</p>
</body>

El elemento <body> define el cuerpo del documento HTML.

Este elemento tiene una etiqueta de inicio <body>, y una etiqueta de finalización </body>.

El contenido del elemento es otro elemento HTML (elemento p).

Elemento <html>:

<html>
<body>
<p>Este es mi primer párrafo.</p>
</body>
</html>

El elemento <html> define todo el documento HTML.

Este elemento tiene una etiqueta de inicio <html>, y una etiqueta de cierre </html>.

El contenido del elemento es otro elemento HTML (elemento body).

No olvide la etiqueta de cierre

A pesar de que olvidó usar la etiqueta de cierre, la mayoría de los navegadores mostrarán HTML correctamente:

<p>Este es un párrafo
<p>Este es un párrafo

El ejemplo anterior funciona en la mayoría de los navegadores, pero no confíe en esta práctica. Olvidar usar etiquetas de cierre puede causar resultados inesperados o errores.

Nota:Las versiones futuras de HTML no permitirán omitir las etiquetas de cierre.

Elementos HTML vacíos

Los elementos HTML sin contenido se denominan elementos vacíos. Los elementos vacíos se cierran en la etiqueta de inicio.

<br> es un elemento vacío sin cerrar etiqueta (la etiqueta <br> define un salto de línea).

En XHTML, XML y futuras versiones de HTML, todos los elementos deben cerrarse.

Agregar una barra diagonal invertida en la etiqueta de apertura, como <br />, es el método correcto para cerrar elementos vacíos, HTML, XHTML y XML aceptan este método.

Aunque <br> es válido en todos los navegadores, usar <br /> es una medida más segura a largo plazo.

Sugerencia de HTML: usar etiquetas en minúsculas

Las etiquetas HTML no son sensibles a mayúsculas y minúsculas: <P> es equivalente a <p>. Muchos sitios web utilizan etiquetas HTML en mayúsculas.

CodeW3C.com utiliza etiquetas en minúsculas porque la World Wide Web Consortium (W3C) en HTML 4RecomendadoUsar minúsculas, y en las versiones futuras de (X)HTMLObligatorioUsar minúsculas.