Links entre páginas 2

Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Ahora vamos a retomar del video anterior
Y teníamos el problema de que al dar clic en nuestro enlace hacia otrapagina.html nos mostraba un error debido a que habíamos cambiado el lugar donde se ubicaba el archivo
Para solucionar este problema, debemos especificar el nombre del folder en el que se encuentra el archivo
Lo hemos puesto en el folder llamado demo
Así que colocamos el nombre del folder antes del nombre del archivo, colocamos demo, al final del nombre del folder colocamos una pleca y luego vendería el nombre del archivo
Que es otrapagina.html
Así que si guardamos nuestros cambios, regresamos al navegador y refrescamos la página
Vamos a dar clic sobre él, y ahora como puedes observar en la barra de direcciones, y en el navegador
Nos encontramos en otrapagina.html
Ahora vamos a regresar a nuestra página index.html, daremos clic en el enlace,
Y obtenemos un error
Eso es debido a que si lo recuerdas este enlace nos lleva hacia index.html, pero index.html no se encuentra en el mismo folder que otrapagina.html
De hecho debemos salir del folder en el que se encuentra otrapagina.html para poder llegar hacia index.html
Así que vamos a ir al editor y entrar en otrapagina.html para solucionar este problema
Para indicar que debe salirse del folder actual colocamos punto punto, pleca y luego el nombre del archivo que en este caso es index.html
Estos dos puntos indican que debe ir un nivel arriba, o salir del folder actual al anterior o al que está arriba de él y luego buscar el archivo que indicamos aquí
Así que si guardamos los cambios y regresamos al navegador, vamos a ir hacia index.html, ahora damos clic para ir hacia otrapagina.html y daremos clic para regresar al index.html
Como vemos ahora nos lleva correctamente hacia index.html ya que le hemos indicado que debe salir del folder actual
De modo que nuestros dos links funcionan correctamente
Ahora aprenderemos como usar la etiqueta anchor para crear links hacia otro sitio web
Lo que haremos para este ejemplo es crear una nueva etiqueta anchor
Dentro del texto para el enlace colocaremos, ir a lievanosan
Y dentro del atributo href debemos colocar la url completa del sitio web al que deseamos vincular este link
En este caso sería http://lievanosan.com
Y al guardar, regresar al navegador y refrescar
Tenemos nuestro nuevo link que dice ir a lievanosan
Y si le damos clic nos lleva hacia lievanosan.com
Esto ha sido todo con respecto a los links
Los links son elementos usados muy frecuentemente al crear un sitio web

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image