Elementos Vacios
Los elementos vacíos en HTML son aquellos que no contienen contenido visible y los llaman "vacíos" porque no tienen contenido entre sus etiquetas, suelen cerrarse con una barra diagonal justo antes del corchete de cierre de la etiqueta de apertura. Ejemplos:
Al ser este un elemento vacio solo cuenta con etiqueta de inicio:
Ejemplo en codigo y pagina
<p> esto sirve para <br> dar un espacio entre lineas.</p>
esto sirve para
dar un espacio entre lineas.
Otro elemento vacío es el elemento img en el cual solo es necesario poner etiqueta de inicio
< img src="../Proyecto/dibujo ge.jpg" alt="Mi imagen de prueba" />
Otro ejemplo son los elementos de enlace (< link >): Utilizado para vincular recursos externos como hojas de estilo CSS
< link rel="stylesheet" href="estilos.css">
Un último ejemplo son los elementos de entrada (< input >): Utilizado para crear campos de entrada en formularios.
< linput type="text" name="nombre">
Elementos Anidados
Los elementos anidados en Html son aquellos que están contenidos dentro de otros elementos. Esto significa que un elemento HTML puede estar dentro de otro elemento HTML, formando una jerarquía de elementos. Por ejemplo:
<div>
<p>el gato con sombrero <p/>
<ul>
<li>Cosa 1</li>
<li>Cosa 2</li>
</ul>
<p>Esto es un texto simple</p>
<p>This is a <strong>paragraph.</strong></p>
<div>
el gato con sombrero
- Cosa 1
- Cosa 2
Esto es un texto simple
This is a paragraph.
En este ejemplo, el elemento < div > contiene un párrafo (< p >) y una lista no ordenada (< ul >) que a su vez contiene dos elementos de lista (< li >). Este es un ejemplo de elementos HTML anidados, donde cada elemento está contenido dentro de otro. El anidamiento es una técnica común en HTML para organizar y estructurar el contenido de una página web.