HTM

L Introducción al desarrollo web http://idesweb.es/

HTML: enlaces

Sergio Luján Mora

Departamento de Lenguajes y Sistemas Informáticos

Universidad de Alicante (España)

IDW-HTML-A-01

HTM

L Introducción al desarrollo web http://idesweb.es/

Contacto • http://gplsi.dlsi.ua.es/~slujan/

• http://accesibilidadenlaweb.blogspot.com.es/

• http://accesibilidadweb.dlsi.ua.es/

• http://desarrolloweb.dlsi.ua.es/

• http://www.youtube.com/user/sergiolujanmora

• sergio.lujan@ua.es

• @sergiolujanmora

HTM

L Introducción al desarrollo web http://idesweb.es/

Hipertexto

HTM

L Introducción al desarrollo web http://idesweb.es/

Nodos o secciones

Enlaces, hiperenlaces o hipervínculos

Anclajes

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

Tipos de enlaces

• Enlace intradocumental

• Enlace extradocumental

HTM

L Introducción al desarrollo web http://idesweb.es/

<a></a>

HTM

L Introducción al desarrollo web http://idesweb.es/

<a>enlace</a> <a>enlace</a>

HTM

L Introducción al desarrollo web http://idesweb.es/

Enlace intradocumental

• Enlace a un punto en el mismo documento – Enlace:

• <a href="#nombre">…</a>

– Destino: • <a name="nombre">…</a>

• <h1 id="nombre">…</h1>

• <p id="nombre">…</p>

Bla, bla, bla, enlace, bla, bla. Bla, bla, bla. Bla, bla, bla. Bla, bla, bla.

HTM

L Introducción al desarrollo web http://idesweb.es/

Enlace extradocumental

• Enlace a otro documento – <a href="pagina.html">…</a>

URL Bla, bla, bla, bla, enlace, bla, bla.

Bla, bla, bla. Bla, bla, bla. Bla, bla, bla.

HTM

L Introducción al desarrollo web http://idesweb.es/

URL

<servicio>://<usuario>:<contraseña>@<host>:<puerto>/<ruta>/<recurso>

Uniform Resource Locator

HTM

L Introducción al desarrollo web http://idesweb.es/

URL

Web: http://idesweb.es/temario FTP: ftp://ftp.ua.es/pub/software/listado.txt Email: mailto:sergio.lujan@ua.es

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

Enlace extradocumental

• Enlace a un punto en otro documento

Bla, bla, bla, bla, enlace, bla, bla.

Bla, bla, bla. Bla, bla, bla. Bla, bla, bla.

HTM

L Introducción al desarrollo web http://idesweb.es/

Enlace extradocumental

• Enlace a un punto en otro documento – Enlace:

• <a href="pagina.html#nombre">…</a>

– Destino: • <a name="nombre">…</a>

• <h1 id="nombre">…</h1>

• <p id="nombre">…</p>

HTM

L Introducción al desarrollo web http://idesweb.es/

Consejos

• Mayúsculas y minúsculas

• Caracteres extraños (sólo alfabeto inglés, números, -, _)

• Rutas físicas (“file:///c:\miweb\grupos.html”)

HTM

L Introducción al desarrollo web http://idesweb.es/

http://idesweb.es/

idw@idesweb.es @idesweb

HTM

L Introducción al desarrollo web http://idesweb.es/

Créditos de las imágenes y fotografías http://www.opte.org/maps/