lunes, 2 de febrero de 2015

6. ENLACES EN HTML

6.1. LOS ENLACES O LINKS 

Los enlaces o links(en Inglés) nos permiten conectarnos con otros documentos: una imagen, un video, un archivo de sonido, sitios en la web y mandar un email.

 Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabra anchor (ancla). La etiqueta <a> tiene como cierre </a>
enlace a enlaces en html





  

 

6.2. EL ATRIBUTO TARGET

 Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace.

6.3. EL ATRIBUTO NAME

Este atributo se usa para definir una determinada ubicación dentro de la página.
Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html".

6.4. CREANDO UN ENLACE A UN EMAIL


 Se utiliza en caso que queramos que un enlace mande un email.
En el momento que presionamos dicho link se abrirá automaticamente el programa de email que tenemos definido por defecto.

 <body>
<a href="/mailto: alguien@gmail.com">Mandar email</a>
</body>

6.5. ENLACE A PARTIR DE UNA IMAGEN

Muchas veces queremos usar una imagen como enlace a otro documento. Para ello debemos colocar la etiqueta <img> entre las etiquetas <a> y </a> en lugar del texto.

 <body>
<a href="http://www.google.com/"><img src="/../graficos/google.gif"></a>
</body>

5. CARÁCTERES ESPECIALES EN HTML


 5.1. CARÁCTERES ESPECIALES


Muchas veces necesitamos incluir en nuestros textos, signos que tienen un significado especial en HTML
(por ej. "<" - menor que).
Para poder mostrarlos, debemos usar su nombre en código.

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).

Por ejemplo para mostrar el signo "<" debemos escribir &lt; o &#60;.

El uso más común de los caracteres especiales es el espacio en blanco. Si en un texto figuran 5 espacios en blanco seguidos, HTML automaticamente borra 4.
Para ingresar espacios en blanco usamos "&nbsp;" y HTML los dejará en su lugar.

Otro uso muy frecuente es el de insertar acentos en el código html por medio de los números de las entidades

 Enlace sobre caracteres html

5.2. CÁRACTERES ESPECIALES DE USO FRECUENTE




































































































4. FORMATO DE TEXTO CON HTML

 4.1.FORMATO BÁSICO DE TEXTO


HTML nos permite definir el formato de visualización del texto en la pantalla.

Muy útil para cuando queramos resaltar o enfatizar un texto en especial.

También muy usado para subrayar o escribir subíndices o superíndices.

Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos




Enlace sobre formato de textos
EJEMPLO:

<b>Texto en negrita</b> <big>Texto grande</big> <em>Texto enfatizado</em> <i>Texto en itálica</i> <small>Texto pequeño</small> <strong>Texto fuerte</strong> <sub>Texto subíndice</sub> <sup>Texto superíndice</sup> <ins>Texto subrayado</ins> <del>Texto tachado</del> <tt>Texto teletipo</tt>
 
Resultado
Texto normal Texto en negrita
Texto normal Texto grande
Texto normal Texto enfatizado
Texto normal Texto en itálica
Texto normal Texto pequeño
Texto normal Texto fuerte
Texto normal Texto subíndice
Texto normal Texto superíndice
Texto normal Texto subrayado
Texto normal Texto tachado
Texto normal Texto teletipo


4.2.ETIQUETAS PARA DAR FORMA AL TEXTO


<b> Define un texto en negrita
<big> Define un texto grande
<em> Define un texto enfatizado
<i> Define un texto en itálica
<small> Define un texto pequeño
<strong> Define un texto fuerte
<sub> Define un texto subíndice
<sup> Define un texto superíndice
<ins> Define un texto subrayado
<del> Define un texto tachado
<tt> Define un texto de teletipo
<s> Define un texto tachado. Desaprobado. Use <del> en su lugar
<strike> Define un texto tachado. Desaprobado. Use <del> en su lugar
<u> Define un texto subrayado. Desaprobado. Use <ins> en su lugar     

4.3. ETIQUETAS DE TEXTO ESTRUCTURADO


<code> Define un texto en código de computadora
<kbd> Define un texto del teclado
<samp> Define un texto ejemplo de código de computadora
<var> Define una variable
<pre> Define un texto preformateado
<listing> Desaprobado. Use <pre> en su lugar
<plaintext> Desaprobado. Use <pre> en su lugar
<xmp> Desaprobado. Use <pre> en su lugar




4.4. ETIQUETAS DE CITACIONES Y DEFINICIONES



<abbr> Indica una forma abreviada (p.ej., WWW, HTTP, etc.)
<acronym> Indica un acrónimo (p.ej., WAC ,radar, autobús, etc.)
<address> Define la información sobre el autor
<bdo> Define la dirección del texto (p.ej., de izq. a der., de der. a izq.)
<blockquote> Designa una cita larga
<q> Designa una cita corta
<cite> Contiene una cita o una referencia a otras fuentes
<dfn> Indica que aquí es donde se define el término encerrado