Elementos HTML
El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta de fin:
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none
Nota: Algunos elementos HTML no tienen contenido (como el elemento <br>). Estos elementos se denominan elementos vacíos. ¡Los elementos vacíos no tienen una etiqueta final!
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 (, , y ):<html><body><h1><p>
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Ejemplo explicado
El elemento es el elemento raíz y define todo el documento HTML.<html>
Tiene una etiqueta de inicio y una etiqueta de fin.<html></html>
Entonces, dentro del elemento hay un elemento:<html><body>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>El elemento define el cuerpo del documento.<body>
Tiene una etiqueta de inicio y una etiqueta de fin.<body></body>
Luego, dentro del elemento hay otros dos elementos: y :<body><h1> <p>
<h1>My First Heading</h1>
<p>My first paragraph.</p>El elemento define un encabezado.<h1>
Tiene una etiqueta de inicio y una etiqueta de fin:<h1></h1>
<h1>My First Heading</h1>El elemento define un párrafo.<p>
Tiene una etiqueta de inicio y una etiqueta de fin:<p></p>
<p>My first paragraph.</p>Nunca se salte la etiqueta final
Algunos elementos HTML se mostrarán correctamente, incluso si olvida la etiqueta final:
Ejemplo
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>Sin embargo, ¡nunca confíes en esto! ¡Pueden producirse resultados y errores inesperados si olvida la etiqueta final!
Elementos HTML vacíos
Los elementos HTML sin contenido se denominan elementos vacíos.
La etiqueta define un salto de línea y es un elemento vacío sin una etiqueta de cierre:<br>
Ejemplo
<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: significa lo mismo que .<P><p>
Referencia de etiqueta HTML
La referencia de la etiqueta de W3Schools contiene información adicional sobre estas etiquetas y sus atributos.
Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings
No hay comentarios:
Publicar un comentario