HTML: enlaces HTML - RUA, Repositorio Institucional de la...
Transcript of HTML: enlaces HTML - RUA, Repositorio Institucional de la...
![Page 1: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/1.jpg)
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
![Page 2: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/2.jpg)
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
• @sergiolujanmora
![Page 3: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/3.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Hipertexto
![Page 4: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/4.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Nodos o secciones
Enlaces, hiperenlaces o hipervínculos
Anclajes
![Page 5: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/5.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 6: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/6.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Tipos de enlaces
• Enlace intradocumental
• Enlace extradocumental
![Page 7: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/7.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<a></a>
![Page 8: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/8.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
<a>enlace</a> <a>enlace</a>
![Page 9: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/9.jpg)
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.
![Page 10: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/10.jpg)
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.
![Page 11: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/11.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
URL
<servicio>://<usuario>:<contraseña>@<host>:<puerto>/<ruta>/<recurso>
Uniform Resource Locator
![Page 12: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/12.jpg)
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:[email protected]
![Page 13: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/13.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
![Page 14: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/14.jpg)
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.
![Page 15: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/15.jpg)
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>
![Page 16: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/16.jpg)
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”)
![Page 17: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/17.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
http://idesweb.es/
[email protected] @idesweb
![Page 18: HTML: enlaces HTML - RUA, Repositorio Institucional de la ...rua.ua.es/dspace/bitstream/10045/26280/1/HTML - Enlaces.pdf · HTML Introducción al desarrollo web Nodos o secciones](https://reader030.fdocument.pub/reader030/viewer/2022040621/5f33fe59f76bfb71604a9035/html5/thumbnails/18.jpg)
HTM
L Introducción al desarrollo web http://idesweb.es/
Créditos de las imágenes y fotografías http://www.opte.org/maps/