0:00:00.000,0:00:02.580
Has aprendido mucho sobre las etiquetas HTML.

0:00:02.580,0:00:05.270
Pero, ¿ya sabes lo que HTML significa en realidad?

0:00:05.270,0:00:09.621
HTML significa HyperText Markup Language (Lenguaje de Marcas de Hipertexto).

0:00:09.621,0:00:14.177
Ahora sabes lo que es el Lenguaje de Marcas (o Lenguaje de Marcado), es una manera de usar etiquetas para marcar contenidos.

0:00:14.181,0:00:16.860
Pero, ¿qué significa hipertexto?

0:00:16.869,0:00:20.494
En realidad es una frase que fue inventada antes que existiera el Internet,

0:00:20.494,0:00:23.823
en la década de 1960, para referirse a un texto que está conectado con otro texto

0:00:23.823,0:00:26.263
al que el lector puede saltar inmediatamente.

0:00:26.273,0:00:29.720
Tim Berners-Lee inventó el HTML,

0:00:29.720,0:00:32.577
y otras cosas de Internet, como HTTP,

0:00:32.577,0:00:34.912
para conectar un texto con otro texto

0:00:34.912,0:00:36.822
localizado en cualquier otra parte del mundo.

0:00:36.822,0:00:39.191
¿Cómo conectamos páginas web con otras páginas web

0:00:39.191,0:00:41.280
en el Lenguaje de Marcas de Hipertexto?

0:00:41.282,0:00:43.451
Con un hipervínculo, por supuesto.

0:00:43.451,0:00:46.280
Que ahora llamamos simplemente un enlace.

0:00:46.280,0:00:48.599
¿Cómo hacemos un enlace en HTML?

0:00:48.636,0:00:50.304
Esto es lo raro.

0:00:50.304,0:00:52.950
Tal vez pienses que deberíamos usar una etiqueta de enlace...("link")

0:00:52.950,0:00:57.633
Pero en realidad, esa etiqueta se usa para otro tipo de enlace en HTML.

0:00:57.633,0:01:02.752
En lugar de eso usamos la etiqueta "a" que significa "ancla".

0:01:02.752,0:01:06.453
Esta etiqueta ancla el enlace en una cierta posición de la página

0:01:06.453,0:01:09.370
y conecta esa ancla a una página web diferente.

0:01:09.370,0:01:11.989
Para hacer un enlace, ya sabes, tenemos que escribir la etiqueta,

0:01:11.989,0:01:14.621
pero también tenemos que decidir el texto del enlace,

0:01:14.621,0:01:17.219
y después la dirección a la que el enlace se va a dirigir.

0:01:17.233,0:01:24.748
Déjenme hacer este enlace a una página con más información sobre el nacimiento de la web.

0:01:24.748,0:01:29.469
El texto del enlace debe ir dentro de las etiquetas de inicio y fin.

0:01:29.469,0:01:31.900
Así que voy a poner mi cursor aquí dentro y voy a escribir,

0:01:31.900,0:01:36.610
"Read more about the history of HTML" (Leer más sobre la historia de HTML).

0:01:36.610,0:01:41.097
Ahora podemos ver que el texto se ve como un enlace.

0:01:41.097,0:01:44.397
Pero todavía no nos lleva a ninguna parte. Tenemos que añadir una dirección.

0:01:44.397,0:01:47.480
En realidad no queremos que la dirección se muestre en la página,

0:01:47.480,0:01:50.007
pero es necesario que el navegador la conozca.

0:01:50.007,0:01:53.140
Así que la ponemos dentro de un atributo de la etiqueta.

0:01:53.140,0:01:56.992
En el atributo "href".

0:01:56.992,0:01:59.789
¿Qué significa "href"?

0:01:59.789,0:02:03.264
Les voy a dar una pista: Han visto esa "h" muchas veces.

0:02:03.283,0:02:06.124
¡Significa "hiper"! Hiper-referencia.

0:02:06.124,0:02:11.956
Ahora, voy a pegar la dirección, que también se le llama URL.

0:02:11.956,0:02:16.050
¿Te fijaste que la URL inicia con "http:"?

0:02:16.051,0:02:19.114
¿Adivina qué significa la "h"? ¡Hiper!

0:02:19.114,0:02:21.683
HTML se refiere a todo lo hiper.

0:02:21.683,0:02:25.744
Esta URL especifica todo lo que el navegador necesita saber para encontrar la página web:

0:02:25.744,0:02:28.035
El protocolo utilizado para encontrarlo,

0:02:28.035,0:02:30.457
el dominio,

0:02:30.457,0:02:34.305
y la ruta para encontrarla en el servidor.

0:02:34.305,0:02:38.649
Podemos decir que ésta es una URL absoluta porque lo especifica todo.

0:02:38.649,0:02:43.569
En algunas páginas web, podrías encontrar URLs que inicien con una diagonal y una ruta.

0:02:43.569,0:02:46.179
Eso le indica al navegador que se quede en el dominio actual,

0:02:46.179,0:02:48.634
y sólo busque una ruta diferente de ese dominio.

0:02:48.645,0:02:50.731
A eso se le llama URL relativa.

0:02:50.731,0:02:54.134
Nosotros los usamos todos en Khan Academy cuando hacemos enlaces entre nuestros contenidos.

0:02:54.136,0:02:57.623
Deberían poner URLs absolutas en las páginas web que hagan aquí,

0:02:57.623,0:02:59.338
para estar seguros.

0:02:59.338,0:03:02.146
También podemos decirle al navegador dónde abrir la página:

0:03:02.146,0:03:04.768
en la ventana actual, o en una nueva ventana.

0:03:04.769,0:03:07.061
Para decirle al navegador que abra el enlace en una nueva ventana,

0:03:07.061,0:03:10.798
debemos añadir otro atributo: "target".

0:03:10.798,0:03:15.248
'target ="_blank"'

0:03:15.248,0:03:19.466
Ahora, quiero que pausen el video y traten de hacer click en el enlace.

0:03:19.466,0:03:23.203
Adelante, esperaré.

0:03:23.203,0:03:24.462
¿Qué pasó?

0:03:24.462,0:03:25.802
Probablemente vieron una advertencia

0:03:25.802,0:03:28.244
sobre el enlace de una página web generada por el usuario.

0:03:28.244,0:03:30.616
Y luego si presionan "OK", el enlace se abre.

0:03:30.616,0:03:33.122
Eso se debe a que tratamos los enlaces de una manera especial

0:03:33.122,0:03:34.425
en las páginas web que hacemos aquí.

0:03:34.425,0:03:37.797
Porque no queremos que los usuarios piensen que los enlaces están respaldados

0:03:37.797,0:03:41.084
por Khan Academy y de pronto lleguen a un sitio web inesperado, de miedo.

0:03:41.084,0:03:43.992
Así que cada enlace que hagas aquí tendrá esa advertencia,

0:03:43.992,0:03:46.323
y cada enlace se abrirá en una ventana nueva.

0:03:46.323,0:03:50.223
Eso significa que en realidad puedo borrar este atributo "target",

0:03:50.223,0:03:53.098
porque se ejecuta de cualquier manera.

0:03:53.098,0:03:54.420
O, podría dejarlo,

0:03:54.420,0:03:57.764
en caso de que quiera mover un día este HTML de Khan Academy

0:03:57.764,0:04:00.880
y asegurarme de que el enlace se abrirá en una nueva ventana.

0:04:00.880,0:04:02.793
¿Cuándo deberías usar "target"?

0:04:02.793,0:04:06.302
Generalemente, si un enlace va a ir a otra página en el mismo dominio,

0:04:06.302,0:04:08.023
debería abrir en la misma ventana.

0:04:08.023,0:04:12.229
Y si va a una página en otro dominio, debería abrir en una ventana nueva.

0:04:12.239,0:04:13.641
Basta de tanto hablar,

0:04:13.641,0:04:16.699
déjenme mostrarles otra cosa interesante sobre los enlaces.

0:04:16.699,0:04:18.653
Podemos enlazar algo más que textos.

0:04:18.653,0:04:21.657
Podemos enlazar imágenes, ¡o texto con imágenes!

0:04:21.657,0:04:26.875
Aquí tenemos esta imagen, que es una fotografía de Tim Berners-Lee.

0:04:26.875,0:04:30.484
La voy a cortar...

0:04:30.484,0:04:34.097
y pegar para que quede aquí dentro de nuestro enlace.

0:04:34.097,0:04:36.068
¡Oh! Hermoso.

0:04:36.068,0:04:38.958
Ahora si paso el ratón sobre esta imagen,

0:04:38.958,0:04:41.309
veo que el cursor cambia a apuntador,

0:04:41.309,0:04:44.379
y si presiono en la imagen, me envía a la página web del CERN.

0:04:44.379,0:04:46.948
De hecho podrían hacer un enlace de su página entera

0:04:46.948,0:04:49.867
y que se convierta en una mancha azul, grande y subrayada.

0:04:49.867,0:04:55.830
Pero por favor, ¡no hagan eso![br]Amigos, hagan enlaces con amor.[br]