Ryke Weblog

Ubuntu, Linux, Android, Reflexiones y Eventos

Archive for the ‘HTML’ Category

HTML. Ejemplos de “paridas” varias

Posted by ryke en septiembre 8, 2008

Bueno, como en wordpress.com parece que hay bastantes tags “capados”, he creado en la web una página donde mostrar los resultados de los códigos que he comentado en anteriores entradas.

El enlace -> http://ryke.orgfree.com/ejemploshtml.html

Anuncios

Posted in HTML | Leave a Comment »

HTML. Texto en movimiento

Posted by ryke en septiembre 7, 2008

Se puede incluir texto en movimento con el tag marquee.Tenemos varias opciones:

Desplazamiento lateral.-
<marquee>TEXTO</marquee>

Desplazamiento hacia arriba:
<marquee behavior=”scroll” direction=”up” scrollamount=”1″ height=”60″>TEXTO</marquee>

Desplazamiento hacia arriba, con borde:
<table width=”90″ border=”2″><tbody><tr><td><marquee scrollamount=”2″ direction=”up” height=”60″><span>TEXTO</span></marquee></td></tr></tbody></table>Description:

Tampoco estas opciones funcionan en wordpress.com.

Aquí http://www.html-reference.com/MARQUEE.htm aparecen las opciones:

The <MARQUEE> tag defines a moving section of text, in a manner similar to a movie marquee.
Attributes:
align=alignment
Determines how to align the text surrounding the marquee. May have the following values:
CENTER Center the marquee
LEFT Align to the left
RIGHT Align to the right

behavior=item
This determines how the text in the marquee will act.

SCROLL Slide the text into the box and out again.
SLIDE Slide the text into the box and stop when it hits the side.
ALTERNATE Slide back and forth.

bgcolor=”color”
The color for the background of the marquee.

direction=value
Indicates which direction the text will scroll.
LEFT Scroll left to right.
RIGHT Scroll right to left.

height=n
Indicates the height of the marquee. If n is a value, it is the number of pixels. If n includes a %, it indicates a percentage of the container (body, table cell or whatever) in which it is within.

hspace=n
pixels to the right and left of the marquee.

loop=n
Indicates number of times to loop through the marquee. A value of INFINITE means to loop continuously.

scrollamount=n
Indicates the number of pixels to scroll each time the marquee text is redrawn.

scrolldelay=n
Indicates the number of milliseconds between redraws of the marquee text.

vspace=n
pixels to the top and bottom of the marquee.

width=n
Indicates the width of the marquee. If n is a value, it is the number of pixels. If n includes a %, it indicates a percentage of the container (body, table cell or whatever) in which it is within

Posted in HTML | 2 Comments »

HTML. Insertar cuadro de texto

Posted by ryke en septiembre 6, 2008

Sigo con el HTML. Algo que puede resultar útil es incluir un cuadro de texto (enlazando con el post anterior, sería otra manera de poder mostrar código html). Para hacerlo, se utiliza el tag textarea. Un ejemplo podría ser:

<textarea cols=”20″ rows=”5″ wrap=”hard” readonly=”yes”>texto a escribir</textarea>

Lamentablemente parece ser que esta opción tampoco funciona en WordPress.com (en el editor sí se ve, pero al guardar o publicar el post elimina el código), por lo que aquí no va a poderse utilizar ni ver el resultado :-(

Posted in HTML | 16 Comments »

Mostrar código html en texto plano

Posted by ryke en septiembre 6, 2008

Por cierto, al intentar escribir el post anterior, me encontraba con el problema de que no se mostraba el texto de los códigos, ya que justamente no lo interpretaba como texto, sino como código html y lo que acababa mostrando era un link.

Solución: convertir el código html a texto plano. Para ello disponemos de un conversor al efecto en la siguiente web:
http://nosetup.org/php_on_line/convertir_html_texto

Editado.- Ahora veo que si se pega el texto en modo “Visual” en el editor, mantiene el texto del código tal como está y hace ya la conversión automáticamente (en modo “HTML” se ve en texto plano)

Posted in HTML | 3 Comments »

Abrir un enlace en otra ventana

Posted by ryke en septiembre 6, 2008

Cuando creamos enlaces, ya sea a documentos o a urls, nos puede interesar que el acceso se efectúe en una nueva página o ventana. Para ello se trata simplemente de editar el código html.

Si el enlace es así:
<a href=”http://xxxx.com”>TextoDescriptivoDelEnlace</a&gt;

para que se abra en una nueva ventana, debe añadirse el código target=”_blank”

Por ejemplo:
<a href=”http://xxxx.com&#8221; target=”_blank”>TextoDescriptivoDelEnlace</a>

Posted in HTML | Leave a Comment »