Continuamos trabajando con nuestro proyecto y vamos a pedir lo que viene siendo el proyecto puedes ver
que en la parte superior tenemos una barra de navegación.
La mayoría de los sitios web que crees van a tener diferentes secciones salvo que sean muy simples pero
en realidad van a tener una o más secciones en las que puedan navegar digamos una sección con información
de la empresa o una tienda virtual un blog con una sección de contacto o una sección de clientes una
sección de galería muchas secciones que se pueden hacer en un sitio web y de momento solamente tenemos
código HTML tenemos código de texto no tenemos ningún enlace así que veamos cómo hacerlo.
Vamos a abrir que haciendo Studio com y puedes ver que si vemos el diseño primero vienen los enlaces
y después este jardín lo que viene siendo HTML se ver ejecutando de arriba hacia abajo es por eso que
hemos escrito el código así.
Por lo tanto antes del H1 voy a colocar los enlaces y la forma en que creas en enlaces con a y presionas
Tapp puedes ver qué dice HR-V y luego tienes la apertura del cierre y dentro es donde colocas el texto
digamos aquí dicen nosotros y guardamos cambios abrimos el proyecto y es el que aquí se nosotros puede
ser que en tu caso aparezca azul.
En mi caso parece un poco morado pero debe de verse de esta forma aquí donde es HR-V hacia donde va
ir cuando damos clic para eso tendríamos que crear otro archivo voy a ponerlo aquí nosotros.
Punto.
HTML y voy a generar un nuevo archivo con lo que viene siendo signo de exclamación y aquí le vamos a
decir que yo quiero ir a nosotros punto HTML cuando de Crick y en esta parte por ejemplo voy a poner
un H1 que va a decir nosotros íbamos a poner otro enlace que va a decir éste me va a llevar a Index
volemos Index y lo ponemos aquí volver.
Muy sencillo el ejemplo pero eso nos va a permitir navegar de un lado hacia el otro recargamos nuestro
proyecto de música que nosotros y que estamos ahora nosotros y podemos volver y puedo estar todo el
día visitando mis dos páginas que ya tenemos.
Existen dos formas más de crear enlaces otra es visitando otro sitio web digamos que estás creando un
sitio web de películas o estás creando cualquier cosa en realidad y quieres poner una referencia hacia
otro sitio web.
Digamos aquí en esta parte creamos otro enlace vamos a crear otro enlace HR-V y aquí lo vamos a poner
que a Netflix entonces puedes ver que aquí Hoppus el nombre del archivo si tú lo pones aquí en Netflix
puntocom y guardas cambios y vamos a dar no volver.
Puede ser que quisieran flexivas click puedes ver que nos toma la web arregles de nuestro proyecto y
nos toman Netflix puntocom como si fuera un archivo.
Puedes ver que aquí en nosotros cuando das click aquí te lleva a nosotros HTML.
Cuando das click en Netflix te llevan al puntocom como si fuera un archivo cuando tienes su arregles
hacia otros sitios web debes de utilizar HTTP completo tienes que agregar el protocolo.
Entonces si recargamos aquí irá Netflix puedes ver qué visita el sitio de Netflix detecta que ya no
este ya no es un archivo local sino que más bien es sólo una página web y lo toma como una web externa
algo que no es de este proyecto entonces estas dos existe otra que se llama enlazar hacia el mismo contenido.
No hemos visto lo que son hoy.
Por lo tanto esa parte aún no lo voy a explicar.
Pero si abrimos lo que es nuestro proyecto puedes ver que tenemos anuncios blog y contacto Blacky a
y vamos a poner anuncios junto a HTML no hemos creado ese archivo lo haremos enseguida.
Tenemos aquí anuncios tenemos una blog con HTML BLOG Y finalmente una más que va a decir contacto HTML
y vamos a ir a contacto.
Si guardas cambios y abres tu proyecto puedes ver que se va a ir viendo de esta forma aparecen diferentes
enlaces y ya tenemos a nosotros anuncios apologia contacto.
Tendríamos que crear estos archivos para poderlos visitar pero así es como enlazas en realidad es muy
sencillo.
Existe algo que se llaman atributos que puedes ponerle hacia estos enlaces digamos aquí en nosotros
existe algo llamado el target.
Italia toma cuatro valores y le pones aquí un bajo y luego Blanck.
Este es el más común de todos los que vas a utilizar entonces recargamos aquí haz clic en nosotros.
Puedes ver que te abre una nueva pestaña.
Blink es recomendado cuando tienes enlaces por ejemplo a Netflix punto com Netflix puntocom.
Y voy a cerrar este si doy click aquí pues el que me abre una nueva página es recomendado que siempre
que creas una página que el usuario tenga que abrir una página que no es tuya le coloques un Blanck.
Existe otro llamado Self Self es la misma página en la que estás.
Este es el Lefort por lo tanto no cambia mucho si se lo pones o no.
Existen otros dos que hoy en día ya no se utilizan.
Así que no le veo mucho sentido en realidad aquí vamos a enlazar de nueva cuenta nosotros punto HTML
y voy a copiar esta navegación porque esta es la misma que debe estar aquí abajo.
Entonces después del testimonial y antes de Derechos Reservados puedes ver que si vemos el diseño tenemos
otra navegación en la parte inferior a pegar aquí.
De esta forma se va viendo bien y tenemos una navegación arriba y tenemos una navegación en la parte
de abajo lo que viene siendo un poco más hacia arriba.
Aquí tenemos otro botón y aquí tenemos más botones así que vamos a agregarlos usar un poco de scroll
y aquí tenemos casa de lujo etcétera.
Puedes ver que después del precio tenemos aquí por lo tanto aquí va a poner y voy a poner ver propiedad
aún no tengo definido cómo voy a nombrar este archivo y por ejemplo si lo dejas así de esta forma se
va a ver bien el enlace pero una forma en la que muchas personas simulan que tenemos un enlace poniendo
un signo de gato.
Eso no hace nada si das clic no hace nada pero es una forma en la que puedes decir ok.
De momento no tengo el enlace pero lo voy a agregar más adelante así que podemos copiarlo y pegarlo
aquí abajo y aquí abajo porque cada una de estas casas va a tener un enlace donde vamos a poder ver
más información de ella.
Si guardas cambios y abres el proyecto pues tenemos aquí ver propiedad ver propiedad y ver propiedad
después sí puedo pegarla aquí puedes ver que tenemos este otro enlace que dice ver todas ver todas estas
si la tenemos definida de hecho si vemos la navegación es lo mismo que anuncios.
Por lo tanto podríamos copiar este de aquí y pegarlo aquí.
Aún no creamos ese archivo pero ya va a estar listo y finalmente lo que viene siendo este bajo qué se
nos es este de aquí el que ponemos contactan nos contactan y ya lo tenemos se va a llamar contacto punto
HTML si guardamos cambios si recargamos puedes ver que aparece que contacta nuestro blog entre muchos
otros ya tenemos varios enlaces y se va viendo bastante bien entonces tenemos lista esta parte de contenido
en el siguiente vídeo vamos a ver cómo agregar imágenes ya agregamos textos ahora veamos cómo agregar
imágenes así que continuamos en el siguiente video.