Continuamos con nuestro proyecto y vamos a comenzar a escribir un poco de código HTML estaremos enfocándonos
De momento solamente en lo que viene siendo los textos este de aquí.
Como dije esto es una imagen.
Este es un enlace los veremos un poco más adelante y este es el texto la imagen de fondo de la imagen
la veremos más adelante.
Por lo tanto vamos a continuar un poco más puedes ver que aquí tenemos más sobre nosotros.
Este es el contenido principal este vendría siendo un H1.
Esto es importante pero no es el principal.
Por lo tanto bien podría ser que voy a poner un H2 H2 y puede ser que Kaizen más sobre nosotros de momento
nos vamos a enfocar en lo que viene siendo únicamente los textos.
Tal vez ya tomaste clases de HTML y digas bueno pero aquí porque no creas hundí porque nos creas una
etiqueta GD Main etcétera vamos a ir paso a paso de nueva cuenta.
El curso está enfocado para ir paso a paso pero llegar a temas mucho muy avanzados como pueden ser seguridad
autenticación de usuarios recibir y mails y recibir pagos en línea después puedes ver que tenemos este
icono bueno este va a ser una imagen tenemos este kit de seguridad.
Este vendría siendo otro Jedi pero esto va a ser una H3 es importante es contenido más importante que
un párrafo pero no es el principal.
Por lo tanto tenemos seguridad y puedes ver que tenemos H1 H2 y H3 después tenemos este texto.
Ahora puedes ver que si pones aquí o revisas este texto que aquí no se entiende nada.
Usualmente esto se conoce como texto del Horemheb son y es recomendable que si tu cliente por ejemplo
no te ha dado los textos pues vayas al menos agregando cómo se va a ver el texto para que puedas ir
ajustando tu diseño y eso es lo que yo hice aquí.
Si utilizas lo que viene siendo estudio 4 es bueno que un párrafo y luego lo haremos y presionar Tab.
Eso te va a generar un poco de código que se conoce como Ipsum y es únicamente código de muestra puede
eliminar esta parte de aquí no me gusta casi como se ve en mi Ipsum pero lo demás está bien si guardo
cambios puedes ver voy a cerrar esta parte que tenemos el contenido principal o más sobre nosotros tenemos
seguridad y después la descripción de por qué ofrecemos seguridad en esta empresa.
Después podemos ver que si abrimos el diseño tenemos el mejor precio este y este contenido básicamente
tienen el mismo nivel de importancia.
Por lo tanto puedes tener otro H3.
No hay ningún problema en esa parte el mejor precio mientras que el HD uno sí se recomienda solamente
tener uno porque el navegador busca 1 Los H2 H3 H4 no hay tanto problema y puedes tener múltiples de
ellos puedes ver que después tenemos otro párrafo.
Por lo tanto puedo copiar este párrafo que está aquí pegarlo y Guardar cambios y puedes ver que ya tengo
más sobre seguridad y el mejor precio.
Entonces vamos a ver lo que viene haciendo el siguiente puede ser que dice a tiempo ponemos a quien
H3 que va a decir a tiempo y pegamos lo que viene siendo otro párrafo básicamente todos tienen la misma
cantidad de texto así que los vamos a copiar y pegar y puede ser que tenemos seguridad del mejor precio
y a tiempo ahora puede ser que el código está muy justo aquí muy pegado no hay ningún problema en HTML
por ejemplo puedes darle enter e irlo separando un poco para que no se vea tan junto.
Si guardas cambios no va a cambiar nada porque HTML no se fija en esos espacios incluso por ejemplo
aquí si en este párrafo yo agregar aquí muchos espacios y guardar cambios no va a cambiar nada porque
lo que hace HTML o lo que viene siendo este párrafo si todo este espacio en blanco lo elimina y además
deja un espacio si dejas un espacio si lo respeta pero si no dejas nada o mejor dicho dejas mucho más
de un espacio elimina todos esos los que estén de más.
Donde sí importa el espacio son las etiquetas pues por ejemplo aquí dejaron espacio y puedes ver que
si guardo cambios y recargas que parece el p. pero por ejemplo si dejas el espacio al final no hay no
afecta.
Entonces es importante que revises.
Yo no recomiendo que dejes espacio entre tus etiquetas los dejes más bien juntos y sin ningún espacio
si abrimos lo que es nuestro sitio web puedes ver que tenemos casas de paz en venta.
Este tiene el mismo peso que este puedes ver que su apariencia es igual en realidad en cuanto a importancia
en el sitio tienen la misma dará un poco de scroll y aquí voy a colocar.
Puede ser que esté era un H2 por lo tanto ponemos H2 casas de paz en venta
en venta de esta forma entonces guardamos cambio si abrimos el proyecto y es el que aparece más sobre
nosotros y casa si ambos utilizan un H2 y su apariencia es exactamente la misma si damos un poco de
scroll puede ser que tenemos estos contenidos tenemos esta imagen vamos a ignorar un poco la imagen
y después tenemos Casa de lujo ahora esta casa de lujo.
Puedes ver que vamos a poner aquí como un H3 voy a poner H3
casa de lujo en el lago
y puedes ver que este H3 es el mismo H3 que está acá pero si vemos el diseño este tiene una apariencia
y este tiene otra y no hay ningún problema cedamos Guardar cambios van a tener la misma apariencia pero
con CSS podemos darle a pesar de que tengan la misma etiqueta apariencias totalmente diferentes y lo
veremos a detalle una vez que lleguemos a CSS sabréis lo que viene siendo el diseño puede ser que en
este caso tenemos este texto sense ponerle aquí P pasado otro párrafo casa el lago con excelente vista
coma acabados de lujo a un excelente precio acabados de lujo a un excelente precio.
Entonces si guardamos cambios y abrimos el proyecto puedes ver que tenemos otro párrafo entonces ya
vamos viendo la mezcla entre Gedi y parrafos para irle dando contenido a nuestro proyecto ahora de nueva
cuenta seguimos prohibio puedes ver que aquí tenemos el precio este sigue siendo un párrafo solamente
que de otro color.
Así que vamos a ponerla aquí abajo y ponemos el precio que ponemos tres millones y si cambios para ver
que tenemos el precio de nueva cuenta el color diferente base agregarse con CSS y podemos revisar una
copia de éste pegarlo aquí abajo puedes ver que este caso terminados de lujo tus Seasson en casa terminados
de lujo y los que vienen siendo texto desde casa con diseño moderno
moderno así como tecnología inteligente y amueblada así como tecnología inteligente y amoblada y tiene
el precio de dos millones de equipos y pegamos lo que copiamos anteriormente y aquí se casa casa con
alberca casa con alberca y eliminamos este párrafo lo vamos a reemplazar y casa con alberca y acabados
de lujo casa con alberca y acabados de lujo Koma en la ciudad Koma excelente oportunidad.
Entonces si guardo cambios puedes ver que tenemos casa si depaz en mente tenemos aquí algunas descripciones
con precios y con el nombre del inmueble que se está queriendo vender.
Si abrimos el diseño puedes ver que aquí tenemos estos iconos los veremos un poco más adelante así como
los que vienen siendo estos botones estos son enlaces así como éste podemos continuar con esta parte
de aquí pero puede ser que nos falta aún mucho y la verdad no me gusta cérvidos tan largos así que vamos
a cortarlo aquí y en el siguiente vídeo vamos a finalizar de agregar todo el HTML de párrafos y de encabezados
de esta página.