Post on 09-Jul-2020
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/