1 00:00:11,830 --> 00:00:16,310 Vamos a crear a continuación el ejercicio de hipervínculos en HTML. 2 00:00:16,390 --> 00:00:17,320 Están listos. 3 00:00:17,380 --> 00:00:18,930 Vamos. 4 00:00:19,360 --> 00:00:25,660 El objetivo del ejercicio es poner en práctica los hipervínculos en HTML y al finalizar deberemos observar 5 00:00:25,660 --> 00:00:27,160 lo siguiente según se muestra 6 00:00:31,020 --> 00:00:33,540 como primer paso vamos a crear nuestro proyecto. 7 00:00:33,540 --> 00:00:40,880 El proyecto se llama hipervínculos HTML y lo depositamos en la ruta mostrada y damos clic en Finalizar 8 00:00:44,890 --> 00:00:48,460 posteriormente vamos a crear un nuevo documento HTML. 9 00:00:48,460 --> 00:00:55,270 Este documento se llama índex 2 podemos observar que este documento lo vamos a depositar a nivel raíz 10 00:00:55,300 --> 00:01:01,000 por lo tanto la carpeta de folder nos vamos a indicar ninguna información ya que va a ir directamente 11 00:01:01,000 --> 00:01:08,200 sobre el proyecto dentro de la carpeta de públic HTML y dentro de esa raíz se deposita el documento 12 00:01:08,200 --> 00:01:10,810 de Index 2 puntos HTML. 13 00:01:10,930 --> 00:01:16,240 Esto lo comentamos porque a continuación vamos a crear algunos documentos que se van a encontrar en 14 00:01:16,240 --> 00:01:18,040 distintas carpetas. 15 00:01:18,040 --> 00:01:24,510 Sin embargo este documento Index 2 se encuentra a nivel raíz de nuestro proyecto HTML. 16 00:01:24,700 --> 00:01:29,260 Por lo tanto dejamos en blanco el campo de folder y damos clic en Finalizar 17 00:01:31,720 --> 00:01:34,380 posteriormente vamos a crear otro documento. 18 00:01:34,450 --> 00:01:40,600 En este caso el nombre del archivo se llama Link 1 pero podemos observar que el nombre de la carpeta 19 00:01:40,660 --> 00:01:46,900 el nombre del folder es links y podemos observar que dentro del proyecto dentro de la carpeta de Public 20 00:01:47,070 --> 00:01:54,880 Bion bajo HTML estamos agregando la carpeta de links y dentro de esta carpeta es que estamos agregando 21 00:01:55,060 --> 00:02:03,160 el documento links 1 punto HTML debido a que es común que creemos carpetas para empezar a organizar 22 00:02:03,220 --> 00:02:05,150 nuestro código HTML. 23 00:02:05,170 --> 00:02:10,570 Por eso es que vamos a empezar a manejar ese tipo de carpetas y la información de esta manera va a estar 24 00:02:10,570 --> 00:02:17,350 más organizada y también debemos de saber cómo mandar a llamar estos elementos dentro de carpetas. 25 00:02:17,380 --> 00:02:23,050 Por ello es que este ejercicio se va a encargar no solamente de hacer llamadas a hipervínculos sino 26 00:02:23,050 --> 00:02:29,710 también cómo podemos mandar a llamar esos archivos dentro de subcarpetas y una vez que hemos proporcionado 27 00:02:29,740 --> 00:02:39,360 estos valores damos clic en Finalizar y por último vamos a crear otro archivo llamado Curso HTML y podemos 28 00:02:39,420 --> 00:02:45,330 observar que tenemos tres folders y para definir los folders podemos utilizar la siguiente notación. 29 00:02:45,330 --> 00:02:51,510 Indicamos el folder de links el cual ya habíamos creado posteriormente por medio de una diagonal inversa. 30 00:02:51,540 --> 00:02:58,140 Indicamos otro folder llamado cursos y finalmente por medio de otra diagonal inversa agregamos el folder 31 00:02:58,230 --> 00:03:05,760 de HTML y podemos observar los tres folders que se han creado dentro de la carpeta a nivel raíz públic 32 00:03:05,790 --> 00:03:06,800 HTML. 33 00:03:06,810 --> 00:03:15,300 Ahora tenemos tres folders tres niveles links cursos y HTML y dentro de estos folder tenemos entonces 34 00:03:15,360 --> 00:03:19,460 el documento curso HTML punto HTML. 35 00:03:19,590 --> 00:03:25,770 Esto va a ser importante debido a que vamos a empezar a hacer llamadas entre distintos documentos utilizando 36 00:03:25,770 --> 00:03:33,620 subcarpetas y damos clic en Finalizar como siguiente paso vamos a modificar nuestro archivo índex punto 37 00:03:33,620 --> 00:03:36,940 HTML agregamos lo siguiente. 38 00:03:36,940 --> 00:03:41,950 Esto ya lo hemos trabajado simplemente vamos a definir nuestro documento HTML. 39 00:03:41,950 --> 00:03:44,830 El título es ejemplo de hipervínculos. 40 00:03:44,950 --> 00:03:52,270 Posteriormente agregamos el cuerpo y el título de ejemplo hipervínculos posteriormente agregamos un 41 00:03:52,270 --> 00:03:55,690 párrafo y agregamos un primer hipervínculo. 42 00:03:55,780 --> 00:04:00,730 En este caso es un hipervínculo que hace referencia a un sitio externo. 43 00:04:00,730 --> 00:04:07,420 En este caso estamos indicando por medio de la etiqueta a que vamos a abrir un hipervínculo posteriormente 44 00:04:07,420 --> 00:04:13,300 por medio del atributo HR-V indicamos el valor del sitio web al que queremos hacer referencia. 45 00:04:13,390 --> 00:04:19,250 En este caso estamos haciendo referencia al sitio de globalmente el punto com punto Mx. 46 00:04:19,420 --> 00:04:26,320 Sin embargo debido a que es un sitio externo entonces estamos agregando HTTP así que en este caso al 47 00:04:26,320 --> 00:04:35,380 iniciar el R.L desde el protocolo HTTP estamos indicando que es una ruta absoluta es decir que no tiene 48 00:04:35,380 --> 00:04:41,440 ninguna dependencia con nuestro sitio ya que si el documento al que queremos hacer referencia se encuentra 49 00:04:41,620 --> 00:04:48,700 dentro de nuestro sitio podemos omitir el uso del protocolo HTTP y entonces en este caso se considera 50 00:04:48,790 --> 00:04:55,720 que es una ruta relativa y sería relativa a alguna ubicación dentro de nuestro proyecto pero en este 51 00:04:55,720 --> 00:05:02,370 caso debido a que es una ruta externa entonces hacemos uso de una ruta absoluta y por ello es que este 52 00:05:02,590 --> 00:05:10,930 R.L inicia con el protocolo HTTP y posteriormente indicamos el R.L al cual queremos hacer referencia. 53 00:05:10,930 --> 00:05:18,130 Posteriormente agregamos el atributo de título en este caso sitio de Global mentoring y también podemos 54 00:05:18,130 --> 00:05:24,790 agregar el atributo de target en este caso este atributo nos va a servir para indicar al navegador si 55 00:05:24,790 --> 00:05:31,560 queremos abrir este nuevo u R.L en una ventana nueva o lo mantenemos dentro de la misma ventana. 56 00:05:31,720 --> 00:05:37,420 En este caso como estamos manejando un bajo Blanck estamos indicando al navegador que habrá una nueva 57 00:05:37,420 --> 00:05:43,270 ventana por lo tanto va a mantener dos ventanas la ventana de esta aplicación que va a tener la página 58 00:05:43,270 --> 00:05:49,760 de índex punto HTML y va a abrir un nuevo navegador y va a cargar el sitio de Global mentoring. 59 00:05:50,230 --> 00:05:55,930 Así que por medio de este atributo target podemos controlar si se va a manejar la misma ventana o vamos 60 00:05:55,930 --> 00:06:02,680 a abrir un nuevo navegador y finalmente lo que va a visualizar el usuario es la cadena Link a Global 61 00:06:02,680 --> 00:06:07,060 mentoring y con eso cerramos nuestra etiqueta de hipervínculo. 62 00:06:07,060 --> 00:06:14,560 Así que este es un ejemplo de uso de hipervínculo a un sitio externo posteriormente abrimos otro párrafo 63 00:06:14,770 --> 00:06:19,640 pero ahora vamos a manejar un link utilizando una ruta relativa. 64 00:06:19,690 --> 00:06:26,500 Si recordamos este documento indexados HTML se encuentra a nivel raíz del proyecto por lo tanto cuando 65 00:06:26,500 --> 00:06:32,500 estamos haciendo referencia por medio de nuestro hipervínculo y dentro del atributo HR-V podemos agregar 66 00:06:32,500 --> 00:06:39,550 directamente el nombre del archivo índex 2 punto HTML debido a que este archivo se encuentra en la misma 67 00:06:39,550 --> 00:06:47,140 ubicación donde se de donde se encuentra el archivo índex HTML y todos los documentos que se encuentren 68 00:06:47,380 --> 00:06:53,650 dentro de la misma ruta se pueden mandar a llamar directamente entre ellos no hay necesidad de establecer 69 00:06:53,650 --> 00:07:00,190 el protocolo HTTP etc. para hacer referencia a este documento sino que simplemente con el nombre del 70 00:07:00,190 --> 00:07:07,530 documento y si los archivos se encuentran en la misma carpeta podemos hacer referencia entre ellos directamente 71 00:07:07,530 --> 00:07:16,410 o utilizando un hipervínculo y en este caso el usuario va a visualizar índex 2 Veamos ahora el concepto 72 00:07:16,410 --> 00:07:23,130 de hipervínculo pero apuntando a una subcarpeta si recordamos el archivo D-Link lo agregamos dentro 73 00:07:23,130 --> 00:07:29,970 de la carpeta de links así que para poder hacer referencia a este hipervínculo tenemos que especificar 74 00:07:30,180 --> 00:07:36,600 la subcarpeta dónde se encuentra y posteriormente el recurso HTML al cual queremos hacer referencia 75 00:07:37,140 --> 00:07:41,400 debido a que este documento índex HTML se encuentra a nivel raíz. 76 00:07:41,490 --> 00:07:47,060 Entonces debemos especificar la siguiente carpeta en la cual queremos profundizar. 77 00:07:47,160 --> 00:07:53,160 Por ello indicamos la carpeta de links y finalmente el recurso HTML al cual estamos haciendo referencia 78 00:07:53,460 --> 00:07:55,740 y el usuario va a visualizar el texto del link. 79 00:07:55,740 --> 00:07:56,490 1. 80 00:07:56,490 --> 00:08:02,460 Pero cuando demos clic a este hipervínculo se va a mostrar el archivo de 1 punto HTML 81 00:08:06,240 --> 00:08:10,900 y finalmente podemos mostrar también un link a una subcarpeta con más niveles. 82 00:08:10,980 --> 00:08:17,520 Por ejemplo en este caso si recordamos el documento curso HTML puntua HTML lo depositamos dentro de 83 00:08:17,520 --> 00:08:18,810 varias carpetas. 84 00:08:18,910 --> 00:08:26,190 La subcarpeta de links posteriormente cursos y posteriormente HTML y de esta manera es que podemos hacer 85 00:08:26,190 --> 00:08:33,060 uso de el concepto de subcarpeta dentro de otras subcarpeta y así es como vamos a ir ordenando nuestros 86 00:08:33,060 --> 00:08:34,830 elementos HTML. 87 00:08:34,830 --> 00:08:41,220 Podemos tener todos los elementos directamente donde se encuentra al nivel de raíz el documento índex 88 00:08:41,280 --> 00:08:48,060 HTML o también podemos tener sus carpetas con las cuales podemos ir organizando de mejor manera nuestro 89 00:08:48,060 --> 00:08:49,430 código HTML 90 00:08:54,050 --> 00:09:03,580 como siguiente paso vamos a definir nuestros documentos indexados punto HTML agregamos el Doctrine también 91 00:09:03,610 --> 00:09:11,400 agregamos un título Index 2 y dentro del cuerpo agregamos simplemente el título de indexados y agregamos 92 00:09:11,460 --> 00:09:15,620 un link para regresar al archivo de índex punto HTML. 93 00:09:15,780 --> 00:09:22,390 Debido a que este archivo índex 2.ª HTML se encuentra en la misma carpeta es decir a nivel raíz que 94 00:09:22,530 --> 00:09:29,700 el archivo Index punto HTML podemos hacer uso directamente de la llamada a este documento no hay necesidad 95 00:09:29,700 --> 00:09:36,870 de establecer ninguna subcarpeta ni tampoco especificar el protocolo HTTP debido a que estamos haciendo 96 00:09:36,870 --> 00:09:43,260 uso de una ruta relativa y debido a que se encuentran en la misma carpeta entonces podemos simplemente 97 00:09:43,260 --> 00:09:49,530 especificar el nombre del archivo que deseamos mandar a llamar y cerramos el cuerpo de nuestro código 98 00:09:49,530 --> 00:09:52,890 HTML y también el documento HTML 99 00:09:56,070 --> 00:10:06,740 ahora vamos a modificar nuestro código Link 1 punto HTML agregamos un título Link 1 y dentro del cuerpo 100 00:10:06,950 --> 00:10:13,880 vamos a agregar también el título de 1 y ahora vamos a agregar lo siguiente Vamos a agregar ahora un 101 00:10:13,880 --> 00:10:19,300 link para el índex punto HTML para poder regresar a este Index. 102 00:10:19,340 --> 00:10:25,340 Sin embargo debido a que estamos en una carpeta distinta necesitamos especificar hacia dónde vamos a 103 00:10:25,340 --> 00:10:32,600 hacer referencia y si recordamos este archivo de Link 1 se encuentra dentro de la carpeta de links 104 00:10:35,520 --> 00:10:42,000 pero si queremos hacer referencia a la carpeta raíz entonces necesitamos subir un nivel para que podamos 105 00:10:42,000 --> 00:10:48,050 regresar a la carpeta raíz y encontrar entonces el archivo de Index punto HTML. 106 00:10:48,150 --> 00:10:53,940 Para ello es que vamos a utilizar la notación de dos puntos y con esto lo que estamos especificando 107 00:10:54,180 --> 00:11:00,690 es que vamos a subir precisamente un nivel respecto de la carpeta actual y entonces para encontrar el 108 00:11:00,690 --> 00:11:07,260 archivo de Index lo que vamos a hacer es especificar lo siguiente Vamos a agregar nuestra ancla y posteriormente 109 00:11:07,320 --> 00:11:13,890 el atributo de HR-V y vamos a indicar que por medio de los dos puntos lo que vamos a hacer es precisamente 110 00:11:14,160 --> 00:11:19,070 regresar un nivel de la carpeta de links en la cual se encuentra este archivo. 111 00:11:19,210 --> 00:11:26,280 D-Link punto HTML y de esta manera una vez que ya hemos regresado un nivel una subcarpeta entonces ya 112 00:11:26,280 --> 00:11:33,660 podemos hacer referencia a nuestro documento índex punto HTML y entonces es que vamos a poder encontrar 113 00:11:33,720 --> 00:11:41,160 este documento si no colocamos los dos puntos entonces este archivo índex HTML si lo colocamos directamente 114 00:11:41,430 --> 00:11:48,690 no se encuentra dentro de la misma ubicación que el archivo link 1.La HTML ya que recordemos que este 115 00:11:48,690 --> 00:11:56,040 archivo link 1 lo hemos depositado en otra carpeta así que este es un tema muy importante analizar cuando 116 00:11:56,040 --> 00:12:02,790 estemos manejando carpetas y subcarpetas para organizar nuestro código HTML así que necesitamos saber 117 00:12:02,880 --> 00:12:09,510 en qué carpeta nos encontramos y hacia qué carpeta queremos movernos de manera relativa dentro de nuestro 118 00:12:09,510 --> 00:12:13,950 proyecto HTML así que esa es la forma en que vamos a subir de nivel. 119 00:12:14,010 --> 00:12:21,300 Respecto de la carpeta actual con eso cerramos el cuerpo de nuestro documento HTML y cerramos la etiqueta 120 00:12:21,330 --> 00:12:31,730 HTML y finalmente también vamos a especificar el contenido de nuestro documento curso HTML punto HTML. 121 00:12:31,730 --> 00:12:38,270 Agregamos lo siguiente en el cabecero agregamos también un título y vamos a agregar también un link 122 00:12:38,360 --> 00:12:46,990 de regreso al índex HTML sin embargo en este caso estamos dentro de tres carpetas así que para poder 123 00:12:47,020 --> 00:12:54,340 hacer referencia a nuestro archivo de índex punto HTML necesitamos subir tres niveles el primer nivel 124 00:12:54,460 --> 00:12:56,650 sube a la carpeta de HTML 125 00:13:00,390 --> 00:13:07,380 si recordamos ese archivo de curso HTML se encuentra dentro de tres carpetas la primera carpeta es la 126 00:13:07,380 --> 00:13:08,400 carpeta de links 127 00:13:11,240 --> 00:13:21,280 posteriormente definimos una carpeta llamada cursos y posteriormente la carpeta de HTML los nombres 128 00:13:21,280 --> 00:13:22,330 pueden ser cualquiera. 129 00:13:22,330 --> 00:13:28,240 únicamente estamos poniendo de ejemplo un nombre de carpeta links cursos y HTML pero nosotros podemos 130 00:13:28,240 --> 00:13:32,920 utilizar cualquier tipo de nombres y cualquier cantidad de su folders. 131 00:13:32,920 --> 00:13:46,450 Pero ahora dentro de esta carpeta de HTML es que depositamos el archivo de curso HTML punto HTML pero 132 00:13:46,450 --> 00:13:53,020 si recordamos el archivo de Index se encuentra a nivel raíz de nuestro proyecto es decir antes de la 133 00:13:53,020 --> 00:14:02,290 carpeta de links aquí estaría nuestro carpeta de Public públic HTML así que necesitamos subir hasta 134 00:14:02,290 --> 00:14:03,400 esta carpeta. 135 00:14:03,400 --> 00:14:07,940 Para ello vamos a indicar lo siguiente primeramente indicamos dos puntos. 136 00:14:08,050 --> 00:14:14,620 El primer uso de estos dos puntos sube de la carpeta HTML a la carpeta de cursos es decir que estamos 137 00:14:14,620 --> 00:14:19,110 cambiando de la carpeta HTML hacia la carpeta de cursos. 138 00:14:19,120 --> 00:14:25,120 El segundo uso de los dos puntos lo que va a hacer es cambiar de la carpeta de cursos hacia la carpeta 139 00:14:25,180 --> 00:14:31,450 de links y el tercer uso de los dos puntos lo que va a hacer es cambiar de la carpeta de links hacia 140 00:14:31,450 --> 00:14:37,130 la carpeta de públic y finalmente aquí es donde podemos encontrar el archivo de Index. 141 00:14:37,150 --> 00:14:43,540 Por ello es que tenemos que utilizar tres veces el uso de los dos puntos para poder subir desde la carpeta 142 00:14:43,540 --> 00:14:44,710 de HTML. 143 00:14:44,710 --> 00:14:51,910 Posteriormente cursos links y llegar a la carpeta raíz de Public HTML es decir a la carpeta raíz de 144 00:14:51,910 --> 00:15:00,970 este proyecto web y allí precisamente es donde se encuentra el archivo de Index punto HTML así que esta 145 00:15:00,970 --> 00:15:07,840 es la manera en que vamos a empezar a trabajar las carpetas y subcarpetas para subir necesitamos especificar 146 00:15:07,840 --> 00:15:12,370 los dos puntos si es que estamos utilizando el concepto de ruta relativas. 147 00:15:12,510 --> 00:15:19,870 Si utilizáramos el concepto de rutas absolutas entonces podríamos comenzar con el protocolo HTTP y especificar 148 00:15:19,870 --> 00:15:24,350 directamente dónde se encuentra este archivo dentro de nuestro proyecto web. 149 00:15:24,370 --> 00:15:31,810 Sin embargo debido a que estamos utilizando archivos HTML dentro del mismo proyecto es conveniente utilizar 150 00:15:31,900 --> 00:15:37,690 rutas relativas ya que toda información que esté dentro del mismo proyecto es conveniente que utilice 151 00:15:37,690 --> 00:15:45,160 rutas relativas y finalmente cerramos el cuerpo de nuestro documento HTML y el documento HTML. 152 00:15:46,390 --> 00:15:50,900 Recuerden que para cualquier duda pueden dar clic en cualquiera de los nombres de los archivos. 153 00:15:50,950 --> 00:15:53,910 Sin embargo se le solicita codificar línea a línea. 154 00:15:53,920 --> 00:15:57,730 Este ejercicio para que quede claro este concepto de hipervínculos 155 00:16:01,840 --> 00:16:05,650 finalmente ejecutamos nuestro proyecto y el resultado es como sigue. 156 00:16:05,890 --> 00:16:12,010 Si damos clic sobre el link de globalmente Haring entonces podemos observar que se nos abre un nuevo 157 00:16:12,010 --> 00:16:18,700 tabulador ya que especificamos en el atributo de Target la opción de guion bajo Blanck y esto nos abre 158 00:16:18,790 --> 00:16:21,810 una nueva ventana en este caso un nuevo tabulador 159 00:16:25,290 --> 00:16:31,830 si damos clic sobre el siguiente hipervínculo entonces se nos abre el contenido de índex 2 punto HTML 160 00:16:32,460 --> 00:16:39,030 pero podemos observar que se encuentran dentro de la misma carpeta hipervínculos a nivel raíz encontramos 161 00:16:39,030 --> 00:16:46,770 el documento índex punto HTML y también podemos observar que tenemos hipervínculos y a nivel raíz tenemos 162 00:16:46,950 --> 00:16:49,970 el archivo de Index 2 punto HTML. 163 00:16:50,010 --> 00:16:55,170 Por ello es que entre ellos mismos se pueden mandar a llamar simplemente especificando el nombre del 164 00:16:55,170 --> 00:17:01,470 archivo no hay necesidad de especificar ninguna carpeta ni tampoco especificar qué necesitamos subir 165 00:17:01,470 --> 00:17:05,550 de niveles para hacer la llamada de nueva cuenta al índex HTML 166 00:17:08,080 --> 00:17:14,740 pero si damos clic al link de subcarpeta Link 1 entonces podemos observar en primer lugar el wereables 167 00:17:15,030 --> 00:17:23,320 de hipervínculos HTML se encuentra a nivel raíz el índex HTML pero el archivo de Link 1 punto HTML no 168 00:17:23,320 --> 00:17:29,110 se encuentra a nivel raíz sino a nivel de una subcarpeta dentro de la carpeta de links. 169 00:17:29,110 --> 00:17:36,610 Por ello para que este archivo de Link 1 HTML pueda volver a llamar este archivo de Index es necesario 170 00:17:36,610 --> 00:17:45,340 subir una carpeta de links hacia la carpeta de públic HTML la carpeta de públic HTML no se visualiza 171 00:17:45,400 --> 00:17:52,960 dentro del navegador ya que esto únicamente es a nivel interno del proyecto HTML ya que cuando se publica 172 00:17:53,080 --> 00:17:59,620 nuestro proyecto únicamente se publica el nombre del proyecto pero ya no se publica la carpeta de Public 173 00:17:59,650 --> 00:18:06,190 HTML sino que directamente dentro del nombre del proyecto se va a empezar a publicar la información 174 00:18:06,250 --> 00:18:14,470 HTML así que en este caso necesitamos especificar que para mandar a llamar el link de índex HTML necesitamos 175 00:18:14,470 --> 00:18:15,630 subir un nivel. 176 00:18:15,670 --> 00:18:23,260 Por ello es que este índex utilizamos la notación de dos puntos diagonal y posteriormente índex HTML 177 00:18:23,620 --> 00:18:29,130 ya que estamos dentro de una subcarpeta y necesitamos subir un nivel para que podamos estar otra vez 178 00:18:29,130 --> 00:18:32,030 a nivel raíz del proyecto HTML. 179 00:18:32,140 --> 00:18:40,670 Es decir de la carpeta públic HTML y por último tenemos también la llamada a la subcarpeta de curso 180 00:18:40,700 --> 00:18:47,570 HTML pero podemos observar que ahora este documento se encuentra dentro de tres carpetas por ello para 181 00:18:47,570 --> 00:18:49,760 mandar a llamar de Nueva cuenta el índex. 182 00:18:49,850 --> 00:18:57,570 Desde esta ruta de curso HTML necesitamos subir tres niveles de la carpeta HTML a cursos de cursos a 183 00:18:57,570 --> 00:19:04,040 links y de links hacia la carpeta de públic HTML y de esta manera es que vamos a volver a encontrar 184 00:19:04,070 --> 00:19:06,390 el archivo de índex HTML. 185 00:19:06,410 --> 00:19:13,550 Por ello este hipervínculo tiene tres veces uso de dos puntos y finalmente es que se encuentra el archivo 186 00:19:13,550 --> 00:19:20,930 de índex punto HTML así que esta es la manera en que vamos a utilizar la ruta relativas cuando estamos 187 00:19:20,930 --> 00:19:23,480 manejando hipervínculos en HTML 188 00:19:25,940 --> 00:19:27,020 como conclusión. 189 00:19:27,020 --> 00:19:32,990 Con este ejercicio hemos puesto en práctica el concepto de hipervínculos en HTML el cual nos permite 190 00:19:33,050 --> 00:19:40,100 enlazar archivos HTML y de esta manera establecer un flujo de navegación entre los distintos archivos 191 00:19:40,310 --> 00:19:43,490 o páginas web de nuestros proyectos. 192 00:19:43,490 --> 00:19:46,820 Con esto concluimos el ejercicio de hipervínculos HTML.