Vamos a continuar puedes ver que si abrimos de nueva cuenta nuestro diseño estas imágenes de lo que
vienen siendo las propiedades también son parte o requieren imágenes de casas y de paz en venta antes
del H3 aquí vamos a poner y M.G. y ponemos y el que a suponer la carpeta y MGA de nueva cuenta y la
imagen se llama anuncio 1.El JPG.
Puedes ver que ahora utilizo una imagen de JPG.
Aquí ponemos anuncio casa en el lago entonces guardo cambios y abro mi proyecto el que aparece la imagen
de esta casa copiamos esta imagen y vamos a utilizarla aquí y acá abajo también.
Después de décadas enumeré 2 3 por ejemplo aparecen las diferentes imágenes de quien además de poner
diferentes alternativos en caso de que por algo no se carguen las imágenes
casa de lujo logo y cualquier cosa en realidad que las imágenes se ven correctamente si abrimos nuestro
diseño y damos un poco más de scroll pues cerca aparecen estos íconos.
Lo veremos un poco más adelante en algo que se llaman listas y después aparece esta imagen.
Esta imagen se agrega como fondo la diferencia entre agregar una imagen como ésta y una como ésta es
puedes ver que estas imágenes no tienen nada de contenido arriba es decir nada más es la imagen.
Cuando tienes una imagen que tiene texto encimados usualmente se coloca como una imagen de fondo y eso
se hace con CSS lo veremos un poco más adelante y si damos scroll puedes ver que tenemos estos dos lo
que son las entradas de blog.
Por lo tanto usar un poco de scroll más hacia el blog y antes de este CH4 vamos a colocar aquí.
MG Sí MG y ponemos la carpeta Image diagonal y ponemos blog 1 Ponemos entrada de blog y voy a copiar
todo de este de aquí y quién es el H4 lo pego y pongo aquí la imagen 2.
Guardamos cambios abrimos el proyecto y es del que aparecen las dos imágenes.
Entonces se va viendo bastante bien.
Por último lo que viene siendo los testimoniales tienen esta comilla.
También va a ser parte o mejor dicho se va a agregar con una imagen de fondo así que con eso está listo
puede ser que ya agregamos más elementos y muy importante.
Puedes ver dos cosas que quiero que te lleves o tal vez tres.
MG no tiene etiqueta de cierre sources lo que viene siendo la imagen que vas a utilizar.
Por ejemplo puedes agregarle un enlace sobre una imagen y eso lo va a hacer un enlace a un link.
En cuanto a formatos SVG se recomienda para vectores que puedes generar con ilustrador o Adobe excedí
y también está.
JPG o PNG son formatos que también soporta una una página web entonces se va viendo bastante bien en
realidad el siguiente paso es estructurar el contenido.
Puedes ver que de momento tenemos estos elementos por ejemplo enlaces H1 H2 y diferentes párrafos diferentes
imágenes.
Usualmente cuando entras a un sitio web por ejemplo puedes ver que diferentes secciones y existen etiquetas
para estructurar el contenido es decir dividirlo en ciertas secciones agruparlos con elementos que son
relacionados a él así que veamos en los siguientes videos.