DISEÑO Y SERVICIO WEB, RECURSOS EN LINEA, TUTORIALES, PROGRAMAS Y MÁS...

martes, 18 de agosto de 2009

Marquesina Sencilla en HTML

Tal vez para muchos esté de más enseñarles como se hace una marquesina en HTML con la etiqueta marquee, pero para otros tal vez sea una novedad... Ahí les va como...
Es muy sencillo lo único que tenemos que hacer es colocar el texto que deseamos entre la siguiente etiqueta:

<marquee>los hermanos carlos</marquee>

Ejemplo:
los hermanos carlos
Además se pude combinar con otras etiquetas clásicas como los son:

<b> Para ver en negrita

<i> Para ver itálica o inclinada

<s> Para tachar texto

<u> Para subrayar el texto

Pudiendo convinarse del siguiente modo:
Ejemplo
Los hermanos carlos
Código para realizarlo:

<marquee><b><u><i>Los hermanos carlos</i></u></i></marquee>

También se le pueden aplicar estilos css:

<marquee style="color:blue; font-family: 'Times New Roman, Times, serif'; background-color:#009900>Los hermanos carlos</marquee>

Además pudes variar la dirección de la marquesina con los siguientes atributos:

<marquee direction=right width=200>Los hermanos carlos</marquee>


direction para la dirección de izquierda a derecha , etc...
width para el ancho de desplazamiento
Así se verá:
Los hermanos carlos
Existen otros atibutos que te permiten variar más la marquesina, te dejo el siguiente código para que veas su efecto y analices sus posibles variaciones:

<marquee behavior="alternate" direction="up" scrollamount="3" width="80" height="50">Los hermanos carlos</marquee>

Así se ve:
Los hermanos carlos
Espero te sea de ayuda...

1 comentario: