Etiqueta a - Crear enlaces (links)

Esta etiqueta es una de las más utilizadas ya que gracias a ella se crean los famosos enlaces o links. Los links nos enlazan o nos llevan a otras páginas al hacer click en uno de ellos.

Ejemplo

Un simple ejemplo, es el siguiente que nos llevará al inicio de esta página Teoría Blogger.

Sintaxis

Como siempre, remarcamos la sitaxis de cada etiqueta, es decir, cómo hacerlo, de qué se compone.
Para crear el link necesitaremos de:
- La etiqueta de apertura

<a>

- Dentro de la etiqueta pondremos el atributo href y dentro pondremos la URL de la página

<a href="http://teoriablogger.blogspot.com">

- El contenido que nos va a decir qué es el link.

"Teoría Blogger"

- La etiqueta de clausura

</a>

Código final

<a href="http://teoriablogger.blogspot.com">Teoría Blogger</a>

Teoría Blogger

Atributos que más se usan

En la etiqueta <a> se usan los siguientes atributos:

Atributos	Muestra de sitaxis	Obligatorio	Función
href	<a href="URL"/>	SÍ	Sin esto, no podemos indicar a qué página nos debe llevar el navegador.
target="_blank"	<a target="_blank"/>	NO	Con este atributo podemos la página se abre en otra pestaña o ventana.
style	<a style=""/>
id	<a id=""/>
class	<a class=""/>
title	<a title=""/>

Etiqueta hr

La etiqueta <hr> se indica cuando se quiere llevar a cabo una línea horizontal para separar un texto con otro. El uso frecuente de esta etiqueta en un solo post o página puede resultar desprolijo e innecesario.

Sintaxis

Para determinar esta línea horizontal vamos a escribir solo una etiqueta: <br/>. ¿Por qué no usamos dos etiquetas, la de incio y la de final? Porque esta etiqueta no encierra un contenido de ninguna manera.

<hr/>

El resultado de esta etiqueta nos da una barra horizontal como esta:

---

Atributos que más se usan

Atributos	Muestra de sitaxis
style	<hr style=""/>
id	<hr id=""/>
class	<hr class=""/>
width	<hr width=""/>
align	<hr align=""/>

Etiqueta strike o s

La etiqueta strike (<strike>) implica simplemente que un texto sea tachado.
Muchas veces esta etiqueta es usada irónicamente para mostrar que uno se ha equivocado con un texto o palabra.

Sintaxis

La etiqueta strike o s (<s>) se usa con un texto de intermediario. Esto significa que supone de dos etiquetas y en el medio se inserta el texto: una que abre la función (<strike>) y otra que la cierra (</strike>).
Ejemplo:

Venus es <strike>un canal</strike> el segundo planeta que gira en torno al Sol
Venus es un canal el segundo planeta que gira en torno al Sol

Etiquetas o propiedades paralelas

Existen otras alternativas para determinar este efecto de la etiqueta strike. En la siguiente tabla mostramos esas alternativas ya sea usando HTML o CSS:

Strike en HTML

<strike></strike>

<s></s>

<del></del>

Strike en CSS
<span class="tachado">Este texto está tachado gracias al CSS →</span>	span .tachado { text-decoration:line-through; }

Atributos que se tienden a emplear

Lista de todos los atributos que son más factibles para usar en esta etiqueta (hay más atributos para emplear):

Atributo	Muestra de sintaxis
title	<strike title="">Tachar</strike>
style	<strike style="">Tachar</strike>
id	<strike id="">Tachar</strike>
class	<strike class="">Tachar</strike>

Actualización: 3 de mayo del 2013.

 Ambas etiquetas <s> y <strike> fueron eliminadas en la nueva versión 5 de HTML.

Etiqueta big

La etiqueta big (<big>)hace que un texto se muestre más grande que lo que debería estar comúnmente.
Ejemplo de etiqueta big:
Texto <big>más grande</big> que los demás.
Texto más grande que los demás.

Atributos opcionales	Muestra de sintaxis
style	<big style="">Texto</big>
title	<big title="Título">Texto<big>
class	<big class="">Texto</big>
id	<big id="">Texto</big>
dir	<big dir="">Texto</big>
lang	<big lang="">Texto</big>

La etiqueta big puede ser utilizado para resaltar un determinado texto.

Etiqueta marquee

La etiqueta marquee (<marquee></marquee>) permite dar movimiento a un determinado texto que corre básicamente en sentido horizontal y hacia la izquierda (efecto "marquesina"). Aunque esto se puede modificar mendiante algunos atributos.
Para dar a entender del tipo de movimiento del cual me refiero, aquí un ejemplo:
Marquesina
Este ejemplo refleja una marquesina común, sin atributos y modificaciones. En el siguiente punteo, mostraré atributos para modificar la marquesina en cuanto a la dirección, la cantidad de veces que semostrará el mensaje, etc.

Atributos para implementar

Direction

Como bien dice su nombre, este atributo indica la dirección de la marquesina. Dentro de este atributo se puede añadir lo siguiente: right (derecha), down (abajo), up (arriba).

1. Texto
2. Texto
3. Texto

1. <marquee direction="right">Texto</marquee>


2. <marquee direction="down">Texto</marquee>


3. <marquee direction="up">Texto</marquee>

Loop

Es un atributo "contable" en el que se añade la cantidad de veces que uno quiere que se repita el movimiento del texto. Cuando termine la cantidad, la marquesina deja de funcionar.
Texto aparecerá 12 veces
<marquee loop="12">Texto aparecerá 12 veces</marquee>

Scrolldelay

Indica la velocidad de la marquesina. Es contable, cuanto mayor sea el número, más lento irá.

1. Texto muy rápido


2. Texto rápido


3. Texto lento


4. Texto muy lento

1. <marquee scrolldelay="20">Texto muy rápido</marquee>


2. <marquee scrolldelay="100">Texto rápido</marquee>


3. <marquee scrolldelay="300">Texto lento</marquee>


4. <marquee scrolldelay="500">Texto muy lento</marquee>

Visita:
Puedes agregar más trucos en una marquesina en el siguiente link: Complementos especiales para una marquesina.

Etiqueta blink

Es una etiqueta (<blink>) que debes ponerlo encerrarlo entre textos para que el mismo dé el efecto de un "parpadeo" o realiza la acción de "desaparecer y aparecer" constante. Como en el siguiente ejemplo:
Texto de ejemplo.La etiqueta para lograr este efecto es: <blink>.
Se puede agregar atributos como style y title y se utiliza principalmente para llamar la atención en algo.
Y para que un texto llame aún más la atención, se puede modificar el color del texto con el atributo style y la propiedad color:
<blink style="color:#FF782F;">Texto</blink>
No funciona en IE 7.

Utilizar blink también en CSS

Para agregar el efecto blink en CSS se lo debe tipear como una decoración, o sea en la propiedad text-decoration y dentro, blink.

Efecto blink en HTML	Efecto blink en CSS
<blink>Contenido del texto</blink>	p { text-decoration: blink; }

Algunos códigos HTML para textos 2

VER 1^ra PARTE

Centrar Texto

Ejemplo

<center> Agrega el texto</center> <div style="text-align: center;"> Agrega el texto</div>

Superíndice
Texto ^{Ejemplo Superíndice}
^{Agrega el texto}

Subíndice
Ejemplo_{Ejemplo Subíndice}
_{Ejemplo Superíndice}

Texto Grande: Etiqueta big
Ejemplo
<big>Agrega el texto</big>
Insertar código
Ejemplo
<code>Agrega el texto<code>

Énfasis fuerte
Ejemplo
<b>Agrega el texto</b>

Preformateado

Ejemplo

<pre>Agrega el texto</pre>

Texto Teletipo
Ejemplo
<tt>Agrega el texto</tt>

Etiqueta	Función
<center>	Centra texto.
<sup>	Define a un texto en superíndice.
<sub>	Define a un texto en subíndice.
<blockquote>	Bloque entrecomillado.
<big>	Define a un texto en grande.
<code>	Representa texto de computadora.
<strong>	Demuestra una énfasis fuerte.
<pre>	Presenta un texto preformateado.
<tt>	Muestra texto como escritura de teletipo.

Algunos códigos HTML para textos

VER 2^da PARTE

Subrayar: Etiqueta u
Ejemplo
<u>Agrega el texto</u>
<span style="text-decoration: underline;">Agrega el texto</span>

Negrita: Etiqueta b
Ejemplo
<b>Agrega el texto</b>
<span style="font-weight: bold;">Agrega el texto</span>

Cursiva etiqueta i
Ejemplo
<i>Agrega el texto</i>
<span style="font-style:italic;">Agrega el texto</span>

Tachar: Etiqueta s/strike
Ejemplo
<s>Agrega el texto</s>
<strike>Agrega el texto</strike>
<span style="text-decoration:line-through">Agrega el texto</span>

Parpadear: Etiqueta Blink
Ejemplo
<blink>Agrega el texto</blink>
<span style="text-decoration:blink">Agrega el texto</span>

Sobre la línea
Ejemplo
<span style="text-decoration:overline;">Agrega el texto</span>

Marquesina: Etiqueta marquee
Ejemplo
<marquee>Agrega el texto</marquee>

Entrecomillado: Etiqueta q
Ejemplo
<q>Agrega el texto</q>

Etiqueta	Función
<u>	Subraya texto
<b>	Texto en negrita.
<i>	Texto en itálica.
<s>	Texto tachado.
<strike>	Texto tachado.
<blink>	Texto "parpadea".
<marquee>	Texto en movimiento marquesina.
<q>	Una cita en una línea.