El documento habla sobre los caracteres especiales y enlaces en HTML. Explica cómo insertar caracteres especiales usando entidades como á para á. Describe los enlaces internos dentro de una página usando el atributo "name" y enlaces a otras páginas usando "href". También cubre enlaces a archivos, correo y diferentes tipos de enlaces.
2. Caracteres especiales
El uso de acentos, signos de apertura de interrogación y
exclamación, eñes, espacio en blanco, etc.
3. • 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).
4. 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.
< < > >
& & " "
5. Caracteres especiales del HTML 2.0
Á Á À À
É É È È
Í Í Ì Ì
Ó Ó Ò Ò
Ú Ú Ù Ù
á á à à
é é è è
í í ì ì
ó ó ò ò
ú ú ù ù
Ä Ä Â Â
Ë Ë Ê Ê
Ï Ï Î Î
Ö Ö Ô Ô
Ü Ü Û Û
ä ä â â
ë ë ê ê
ï ï î î
ö ö ô ô
ü ü û û
à à å å
Ñ Ñ Å Å
Õ Õ Ç Ç
ã ã ç ç
ñ ñ Ý Ý
õ õ ý ý
Ø Ø ÿ ÿ
ø ø Þ Þ
Ð Ð þ þ
ð ð Æ Æ
ß ß æ æ
9. 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.
10. 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>
11. Enlaces
Hipertextos - 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:webmaster@html.it">Escribe a HTMLpoint</A>
Escribe a HTMLpoint
12. 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>
13. 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>
14. 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>