Hola amigos bienvenidos a esta clase en donde vamos a ver cómo crear enlaces dentro de nuestra página
web con HTML5.
Bien en este caso este es el archivo que yo les voy a dejar en la clase y este tema puede ser bastante
interesante y en ciertos aspectos un poco complejo y hasta largo.
Así que voy a intentar ser lo más claro posible y aún así los invito e insisto en que lo practiquen
y en qué consiste la práctica que les voy a sugerir una vez que termine esta clase utilicen el archivo
que yo lo voy a dejar en clase enlaces punto HTML pueden crear una carpeta y dentro de esa carpeta pueden
crear subcarpetas como hice yo con CSS y adentro otro archivo de HTML.
Ahora cuando avancemos en la clase van a entender por qué los estoy invitando a hacer esto y en qué
consiste la tarea bien primero en principal.
Esto se les hará similar ya que era lo que hemos creado una clase anterior lo que hemos agregado es
la etiqueta a como estamos viendo acá donde tiene una propiedad dentro la que se el HR-V que es la referencia
en el hacer referencia a donde nosotros queremos llegar.
Cuando se le haga clic.
Ahora bien vamos a hacer lo siguiente Quiero mostrar algo
sobre borrar el contenido y miren lo que va a suceder en la ejecución del archivo como en Alcayaga haciendo
clic en un modo silencioso no lo están escuchando ven que no puedo hacer clic en ningún lado ni ningún
enlace 3 porque el contenido dentro.
Yo lo acabo de borrar.
Ahora si yo aprieto mi perdón vuelvo para atrás y escribo ven que acá se encuentra lo que yo tenía recién
como verán este caso me redirige a mí y como verán lo hace sobre la misma página web eso lo hace porque
está justamente solo escrito de esta manera.
Si nosotros quisiéramos que no nos saque en nuestra página web y se abra en otra pestaña es que utilizamos
la propiedad de target target y en Bajo blanco.
De esa manera lo que va a suceder es lo siguiente Como verán se abre una otra pestaña nosotros no perdemos
la página web.
Una estrategia útil para evitar que la persona que está en nuestra página se vaya de esa luego otra.
Otra forma de utilizar el HR-V útil es con un numeral o hashtag un nombre y colocamos por ejemplo una
sección en donde colocamos ahí y el nombre que le colocamos al hashtag.
De esa manera hace como una referencia y nos desplazaría fíjese no van a ver el desplazamiento porque
una página en blanco.
Pero miren el scroll bajó es lo que justamente está haciendo referencia acá al objetivo que es lo que
está escrito acá está la utilidad de utilizar el HR-V de esa manera y ahora viene un punto bastante
importante y es un poco complejo que tiene que ver con lo que los invitaba a la práctica.
Si yo me acabo en lo que está en mi escritorio pero para esto si usamos por ejemplo mi página web que
Akashi va a relacionar lo que esté a la altura de los archivos o que se encuentra la misma carpeta por
ejemplo vemos esto Si yo aprieto acá vemos que aparece 6S y 6S y si sólo amplio y acá me paran y ven
que se corresponden los archivos que están ahí adentro y de esa manera nosotros podemos ir a otras hojas
de HTML o algún archivo o alguna imagen que nosotros querramos mostrar.
Eso es lo que yo los invito a ustedes a hacer en la práctica a que cree en otro archivo HTML que se
encuentre en el escritorio donde ustedes coloquen en el enlace punto de HTML y lo pongan en referencia
acá de esa manera cuando hagan clic ahí.
En este caso no hace nada porque no les a ningún lado los redirige a esa página les insisto en esta
práctica porque es un error muy común no no situarse de manera correcta.
Y algo también muy importante.
Por ejemplo vamos a ver si pueden contra
lo que le quería enseñar.
En realidad esto se ha hecho pero vamos al mismo de acá si yo me encontrase en una de estas carpetas
acá adentro y quisiera volver al Index tendría que colocar a punto punto barra y de esa manera yo bajo
un nivel ven que en este caso yo di un paso para atrás.
También las carpetas de mis proyectos y se ve a Chiro porque estamos a este nivel de esta carpeta.
Si yo quisiera volver para atrás lo colocaría de esta manera con todos puntitos bien.
También se votan sería bueno que lo practiquen porque este suele ser un error bastante común en lo que
es el desarrollo de un Freinet con HTML y bueno acá con las etiquetas ver lo que hice.
Que haya más espacio para que vean cómo se desplaza para abajo cuando hago clic en el ejemplo que vaya
hasta objetivo pero sepan que es un salto en blanco.
Bueno amigos pero quedarse atado a la clase recuerden sería bueno que en la práctica si me hacen preguntas
les dejo un abrazo digital.