Este es el contenido de mi página.
Las etiquetas `div` y `span` son dos elementos muy utilizados en HTML, ya que sirven para dividir y organizar el contenido de la página. Ambas etiquetas son contenedores invisibles, lo que significa que no afectan directamente la forma en que se muestra el contenido, sino que se utilizan para aplicar estilos CSS o para manipular con JavaScript.
La etiqueta `div` es un contenedor de nivel de bloque. Esto significa que siempre comienza en una nueva línea y ocupa todo el ancho disponible. Se utiliza para agrupar contenido en bloques.
Aquí hay un ejemplo de cómo usar la etiqueta `div`:
```html
Este es el contenido de mi página.
En este ejemplo, se están creando tres bloques diferentes (encabezado, contenido y pie de página) usando la etiqueta `div`.
La etiqueta `span` es un contenedor en línea, lo que significa que no comienza en una nueva línea y solo ocupa tanto ancho como sea necesario. Se utiliza para agrupar contenido en línea.
Aquí hay un ejemplo de cómo usar la etiqueta `span`:
```html
Este es un párrafo con texto destacado en él.
En este ejemplo, se está utilizando la etiqueta `span` para resaltar una parte del texto de un párrafo.
Usándolos en conjunto con CSS, puedes manipular estos contenedores para personalizar la apariencia de tu página web.
