HTML Elementos:
Los documentos HTML se definen por elementos HTML.
Elementos HTML
Un elemento en HTML es todo lo que hay desde la etiqueta de inicio de la etiqueta de cierre:
Ejemplo:
<p>Esto es el elemento 1 de la etiqueta "p"</p>
<a href="http://www.elwebero.es">Esto es el elemento de la etiqueta "a"</a>
Sintaxis Elemento HTML
- Un elemento HTML comienza con una etiqueta de inicio de la etiqueta / apertura.
- Un elemento HTML termina con una etiqueta de cierre de la etiqueta / de cierre.
- El contenido del elemento es todo lo que está entre el inicio y la etiqueta de cierre
- Algunos elementos HTML tienen contenido vacío.
- Los elementos vacíos se cierran en la etiqueta inicial.
- La mayoría de los elementos HTML pueden tener atributos.
Elementos anidados HTML
La mayoría de los elementos HTML se pueden anidar (puede contener otros elementos HTML).
Los documentos HTML se componen de elementos HTML anidadas.
Ejemplo:
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph./p>
</body>
</html>
Elemento <p>
El elemento <p> define un párrafo en el documento HTML.
El elemento tiene un <p> etiqueta de inicio y una etiqueta de cierre </p>.
El contenido del elemento es: Este es mi primer párrafo.
Elemento <body>
El elemento <body> define el cuerpo del documento HTML.
El elemento tiene un <body> etiqueta de inicio y una etiqueta de cierre </body>.
El contenido del elemento es otro elemento HTML (elemento P).
Elemento <html>
El elemento <html> define todo el documento HTML.
El elemento tiene una etiqueta de inicio <html> y una etiqueta de cierre </html>.
El contenido del elemento es otro elemento HTML (el elemento del cuerpo).
Vaciar elementos HTML
Elementos HTML sin contenido se denominan elementos vacíos.
<br> es un elemento vacío sin una etiqueta de cierre (la Red etiqueta define un salto de línea).
Consejo: En XHTML, todos los elementos deben estar cerrados. Adición de una barra dentro de la etiqueta de inicio, como "/>"
, es la manera correcta de cerrar los elementos vacíos en XHTML (y XML). Ejemplo:<br/>
Tip HTML: Use minúsculas Etiquetas
Etiquetas HTML no distinguen entre mayúsculas y minúsculas:
<P> significa lo mismo que <p>.
Muchos sitios web utilizan etiquetas HTML mayúsculas.
Nota: el World Wide Web Consortium (W3C) recomienda minúsculas en HTML 4, y exige etiquetas minúsculas en XHTML.