Clase 2

Enlaces externos, internos y locales

Estas diapositivas son de uso exclusivo para alumnos y ex-alumnos de Hack Academy.
¿Como crear un enlace?
¿Como crear un enlace?
Los enlaces se crean con el <a>elemento, que significa "ancla". Estos enlaces pueden ser
relativos o absolutos (externos).

De la misma manera que un elemento agrega significado

al contenido que contiene, un “atributo” HTML agrega
significado al elemento al que está adjunto. Es por eso
que utilizamos el atributo href para poder redirigir al
usuario.

3
Enlaces externos
Enlaces externos
Los enlaces "absolutos" son la forma más detallada de hacer referencia a un recurso web.
Comienzan con el "esquema" (normalmente http://o https://), seguido del nombre de dominio
del sitio web y luego la ruta de la página web de destino.

Ejemplo de un link absoluto. Se suelen usar para linkear a páginas externas:

<a href="https://ha.dev">Link a Hack Academy</a>

5
Enlaces locales
Enlaces locales
Los enlaces "relativos" o locales apuntan a otro archivo en su sitio web desde el punto de
vista del archivo que está editando. Está implícito que el esquema y el nombre de dominio
son los mismos que los de la página actual, por lo que lo único que debe proporcionar es la
ruta.

Ejemplo de un link relativo. Desde el archivo index.html se linkea al archivo contacto.html .

<a href="contacto.html">Página de Contacto</a>

7
Enlaces internos
Enlaces internos
También es posible crear links a secciones dentro de una misma página. Para ello
es necesario identificar a la sección usando el atributo id.

Ir a la <a href="#seccion2">sección 2</a> de la página.

...
...
...
...
...
<h2 id="seccion2">Título sección 2</h2>
<p>Contenido de la sección 2</p>