caracteres especiales y enlaces
TRANSCRIPT
![Page 1: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/1.jpg)
Caracteres especiales y enlaces
![Page 2: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/2.jpg)
Caracteres especiales
El uso de acentos, signos de apertura de interrogación y exclamación, eñes, espacio en blanco, etc.
![Page 3: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/3.jpg)
• incluir en nuestros textos, signos que tienen un significado especial en HTML.
• Los nombres de las entidades están compuestos por el signo(&), luego el nombre de la entidad y al final (";" - punto y coma).
• Los números de estos caracteres están compuestos por (&), luego (# - numeral), el número de la entidad y al final (";" - punto y coma).
![Page 4: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/4.jpg)
Caracteres especiales básicos
• En realidad estos caracteres se usan en HTML para no confundir un principio o final de etiqueta, unas comillas o un & con su correspondiente carácter.
< < > >
& & " "
![Page 5: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/5.jpg)
Caracteres especiales del HTML 2.0&Aacut
e; Á À À
É É &Egrav
e; È
Í Í Ì
; Ì
Ó Ó &Ograv
e; Ò
Ú Ú &Ugrav
e; Ù
á á &agrav
e; à
é é &egrav
e; è
í í ì
; ì
ó ó &ograv
e; ò
ú ú &ugrav
e; ù
Ä Ä Â ÂË Ë Ê ÊÏ Ï Î ÎÖ Ö Ô ÔÜ Ü Û Û
ä ä â âë ë ê êï ï î îö ö ô ôü ü û ûà à å åÑ Ñ Å ÅÕ
; Õ Ç Ç
ã ã ç ç
ñ ñ Ý Ý
õ õ ý ý
Ø Ø ÿ ÿ
ø ø &THOR
N; Þ
Ð Ð þ þð ð Æ Æß ß æ æ
![Page 6: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/6.jpg)
Caracteres especiales del HTML 3.2 ½ ½ ¡ ¡¾ ¾ £ £© © ¥ ¥® ® § §ª ª ¤ ¤² ² ¦ ¦³ ³ « «¹ ¹ ¬ ¬¯ ¯ ­µ µ º º¶ ¶ ´ ´
· · ¨ ¨° ° ± ±¸ ¸ » »
¿ ¿
![Page 7: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/7.jpg)
Otros caracteres especiales
× × ¢ ¢
÷ ÷ € €
“ “ ™
; ™
” ” ‰
; ‰
Œ Œ ƒ
; ƒ
‡ ‡ †
; †
![Page 8: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/8.jpg)
Enlaces html
![Page 9: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/9.jpg)
FUNCIONES Y TIPOS
En función del destino los enlaces son clásicamente agrupados del siguiente modo:
• Enlaces internos: los que se dirigen a otras partes dentro de la misma página.
• Enlaces locales: los que se dirigen a otras páginas del mismo sitio web.
• Enlaces remotos: los dirigidos hacia páginas de otros sitios web.
• Enlaces con direcciones de correo: para crear un mensaje de correo dirigido a una dirección.
• Enlaces con archivos: para que los usuarios puedan hacer download de ficheros.
![Page 10: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/10.jpg)
Los enlaces en HTML se crean mediante la etiqueta <a> y </a> ( "anchor", literalmente traducido como "ancla").
El atributo más importante de la etiqueta <a> es href, que se utiliza para indicar la URL a la que apunta el enlace. La sintaxis general de un enlace es por tanto de la forma:
<a href="destino">contenido</a>
<a href="http://www.google.com">Página principal de Google</a>
Como el atributo href indica una URL, un enlace puede apuntar a cualquier tipo de recurso al que pueda acceder el navegador
IMAGEN:
<a href="http://www.ejemplo.com/fondo_escritorio.jpg">Imagen interesante para un fondo de escritorio</a>
DOCUMENTOS:
<a href="http://www.ejemplo.com/informe.pdf">Descargar informe completo [PDF]</a> <a
href="http://www.ejemplo.com/informe.doc">Descargar informe completo [DOC]</a>
![Page 11: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/11.jpg)
EnlacesHipertextos - hiperenlaces o anclajes:
El elemento <A> (la A corresponde al inglés Anchor)
<A HREF="http://www.htmlpoint.com">Visita HTMLpoint</A>
Cargar una página asociada a HREF en otra ventana del navegador:
<A HREF="http://www.htmlpoint.com" TARGET="_new">Visita HTMLpoint</A>
Visita HTMLpoint
Definir un texto con un comentario que se activará cuando pasemos el ratón por encima del enlace:
<A HREF="http://www.htmlpoint.com" TITLE="El sitio italiano sobre el web publishing">Visita HTMLpoint</A>
Visita HTMLpoint
Enlaces con direcciones de correo electrónico :
<A HREF="mailto:[email protected]">Escribe a HTMLpoint</A>
Escribe a HTMLpoint
![Page 12: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/12.jpg)
ENLACES INTERNOS• El otro atributo básico de la etiqueta <a> es name, que permite
definir enlaces dentro de una misma página web. Si una página es muy larga, puede ser útil mostrar enlaces de tipo:
"Saltar hasta la segunda sección", "Volver al principio de la página", etc.
1. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
<a href="#abajo">Ir abajo</a>
El símbolo #; es él quien especifica al navegador que el enlace apunta a una sección en particular.
• En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre abajo para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma página. En este caso, la etiqueta que escribiremos será ésta:
<a name="abajo"></a>
![Page 13: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/13.jpg)
El atributo name permite crear "enlaces vacíos" que hacen referencia a secciones dentro de una misma página. Una vez definidos los "enlaces vacíos", es posible crear un enlace que apunte directamente a una sección concreta de una página:
<!-- Enlace normal a la página --> <a href="http://www.ejemplo.com/pagina1.html">Enlace a la página 1</a> <!— Enlace directo a la segunda sección de la página --> <a href="http://www.ejemplo.com/pagina1.html#segunda_seccion">Enlace a la sección 2 de la página 1</a>
![Page 14: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/14.jpg)
Enlaces locales• Para crear este tipo de enlaces, hemos de crear una
etiqueta de la siguiente forma:
<a href="archivo.html">contenido</a>
• <a href="archivo.html#seccion">contenido</a>
• <a name="seccion"></a>
![Page 15: Caracteres especiales y enlaces](https://reader035.vdocuments.site/reader035/viewer/2022062320/55bdba47bb61eb8a768b4678/html5/thumbnails/15.jpg)
• http://www.desarrolloweb.com/articulos/574.php
• http://www.desarrolloweb.com/articulos/575.php
• http://www.desarrolloweb.com/manuales/21/
BLIBLIOGRAFIA