Elementos HTML
Un elemento HTML es escrito con una etiqueta de apertura, una etiqueta de cierre y el contenido en medio de estas.
<nombre_etiqueta>contenido</nombre_etiqueta>
El elemento HTML lo es todo, desde la etiqueta de apertura hasta la etiqueta de cierre.
<p>Mi Primer Párrafo HTML</p>
| Etiqueta de Apertura | Contenido del Elemento | Etiquita de Cierre |
|---|---|---|
| <h1> | Mi Primer Encabezado | </h1> |
| <p> | Mi Primer Párrafo | </p> |
| <br> |
Algunos elementos HTML no tienen etiqueta de cierre.
Elementos HTML Anidados
Los elementos HTML pueden estar anidados (elementos conteniendo otros elementos).
Todos los Documentos HTML se componen de Elementos HTML anidados.
El siguiente ejemplo contiene 4 elementos anidados:
<!Doctype html>
<html>
<body>
<h1>Mi primer Encabezado</h1>
<p>Mi primer Párrafo</p>
</body>
</html>
Explicación del Ejemplo:
El elemento <html> define todo el documento y tiene una etiqueta de apertura <html> y una etiqueta de cierre </html> y su elemento contenido es otro elemento HTML (el elemento <body>).
El elemento <body> define el cuerpo del documento y tiene una etiqueta de apertura <body> y una etiqueta de cierre </body> y su elemento contenido contiene otros dos elementos HTML (<h1> y <p>).
El elemento <h1> define un encabezado y tiene una etiqueta de apertura <h1> y una etiqueta de cierre </h1> y su elemento contenido es "Mi Primer Párrafo".
El elemento <p> define un párrafo y tiene una etiqueta de apertura <p> y una etiqueta de cierre </p> y su elemento contenido es "Mi Primer Párrafo".
No olvides la etiqueta de Cierre
Algunos elementos HTML funcionarán correctamente, incluso si olvidas escribir la etiqueta de cierre:
<html> <body> <p>Este es un Párrafo. <p>Este es otro Párrafo. </body> <html>
El ejemplo anterior funcionará en todos los Navegadores Web, dado que la etiqueta de cierra para <p> es considerada opcional. Aún así, no confíe en esto, dado que podría producir resultados inesperados si olvidas la etiqueta de cierre.
Elementos HTML vacios
Los elementos HTML que no tienen contenido, son llamados elementos vacios.
<br> es un elemento vacío que no tiene una etiqueta de cierre (la etiqueta <br> define un salto de línea).
Los elementos vacíos pueden cerrarse en la misma etiqueta de cierre de esta manera: <br />.
Para la versión HTML5 no se requiere que se cierren los elementos vacíos. Pero si deseas que tenga una validación más estricta, o si necesitas hacer tu documento sea accesible a analizadores XML, entonces debes cerrar todas los elementos.
Recomendación HTML: Use texto en minúsculas para las etiquetas.
Las etiquetas HTML no son sensibles a Mayúsculas/Minúsculas: <P> es lo mismo que <p>.
El estándar HTML5 no requiere etiquetas en minúsculas, pero recomendamos utilizar minúsculas en HTML 4 y estrictamente necesario utilizar minúsculas si vas a trabajar con documentos XHTML.