La etiqueta necesita el finalizador y tiene como parámetros característicos:

* Direction: Indica la dirección de desplazamiento. Puede tomar los valores up, down, right, left. *Behavior: Si no se especifica, el valor predeterminado es scroll, en el que el texto desaparece por un lado de la pantalla para aparecer por el otro. También se puede poner alternate para que el texto rebote indefinidamente al llegar a un borde.
* Scrolldelay: Es un número que indica la velocidad de desplazamiento de la marquesina en milisegundos.

Por ejemplo:

<marquee direction="right" behavior="alternate" scrolldelay="150">Marquesina de ejemplo</marquee>

Marquee admite algunos parámetros más en el lenguaje HTML convencional, sin embargo, la PDD no los admite.

IMPORTANTE: Las comillas del valor del parámetro son necesarias en el HTML convencional, pero para la PDD NO hay que ponerlas si queremos que la etiqueta funcione correctamente.

Estructuración en párrafos y saltos de línea

Muchas veces, por no decir siempre, nos interesará estructurar el texto en párrafos. Para ello existe la etiqueta <p> que se usa de la siguiente manera:

<p>ESTE ES UN TEXTO DE EJEMPLO DENOMINADO “A”. </p> <p> ESTA ES LA CONTINUACION DE UN TEXTO DE EJEMPLO DENOMINADO “B”. </p>

En la PDD se vería de esta manera:

ESTE ES UN TEXTO DE EJEMPLO DENOMINADO “A”.

ESTA ES LA CONTINUACION DE UN TEXTO DE EJEMPLO DENOMINADO “B”.

Como podes ver, esta etiqueta introduce un salto de línea adicional entre párrafo y párrafo. Esto, en algunas ocasiones nos irá bien y en otras no tanto. Para aquéllas en las que sólo necesites un salto de línea simple, se usa la etiqueta <br>:

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

En la PDD se vería algo asi:

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

Fíjense, y esto es importante, <br> es una de esas etiquetas que no requiere finalizador.

Pese a que la PDD admite las etiquetas <p> y <br>, también reconoce cualquier salto de línea que hayas introducido con la tecla "Enter".

Centrado de texto

Centrar el texto es una de las cosas que más vas a hacer. Es una de esas etiquetas más fáciles de usar:

<center>Esto está centrado</center>

Nota: El alineamiento a la izquierda es el predefinido, así que para ello no hay que usar ninguna etiqueta específica.
El alineamiento a la derecha se puede conseguir con el HTML convencional mediante el parámetro align="right" (en párrafos, imágenes...). Pero la PDD no lo admite. Así que a olvidarnos de alinear a la derecha.

Cambiar las propiedades de la fuente

Esto ayuda mucho en la creación de una PDD vistosa. Podemos cambiar las propiedades de la letra. Básicamente la fuente, el tamaño y el color. La etiqueta precisa de finalizador. Para cambiar las propiedades mencionadas, se deberán incluir los siguientes parámetros:

* Face: Determina la fuente. Puede tomar como valor el nombre de cualquier fuente. Sin embargo, a efectos prácticos no es recomendable poner cualquier fuente que nos guste. ¿Por qué?, Sencillo: si pones como parámetro una fuente que tienen en su computadora, alguien que visite nuestra PDD y no tenga esa misma fuente instalada en su PC, lo verá con la fuente predeterminada de la PDD (Verdana, creo). Así que ojo con poner fuentes raras.

* Size: Es un número que indica el tamaño de la letra. En principio va de 1 a 7, siendo 7 la letra más grande y 1 la más pequeña.

* Color: El nombre lo dice todo. Los valores pueden ser introducidos de dos maneras: mediante el valor hexadecimal (Ver al principio) o mediante sus nombres en inglés: blue, red, yellow... De todas formas, si los colores típicos les quedan cortos, echale un vistazo a esto:

Vamos con el ejemplo:

<font size="3" color="red">Esto está en rojo y a tamaño 3</font><font size="1" color="#FFCC00"> mientras que esto está en amarillo (en hexadecimal) y a tamaño 1.</font>

Esto está en rojo y a tamaño 3 mientras que esto está en amarillo (en hexadecimal) y a tamaño 1.


IMPORTANTE: Las comillas del valor del parámetro son necesarias en el HTML convencional, pero para la PDD NO hay que ponerlas si queremos que la etiqueta funcione correctamente.

Si en la PDD le das a size un valor mayor a 7, lo aceptará, pero lo tratará como si fuera de tamaño 7, que es el máximo.

Listas

En HTML es algo que se usa con bastante frecuencia. Sin embargo, para la PDD... que yo sepa nadie lo utiliza. Tal vez porque su funcionamiento es bastante impredecible en la PDD. Pero bueno, es una posbilidad que está ahí.

La etiqueta <ol> significa "ordered list", lista ordenada para los amigos. Sirve para crear listas donde se numeren los elementos. Esta etiqueta requiere finalizador y, además, nunca se usa sola, sino combinada con <li>, "list item". Por cada elemento que deseemos incluir en la lista deberemos usar esta etiqueta, que también lleva finalizador. Dicho así parece complicado, pero ni mucho menos lo es:

<ol><li>Primer elemento</li><li>Segundo elemento</li></ol>

1. Primer elemento
2. Segundo elemento

En el HTML de toda la vida también existe otro tipo de lista que usa la etiqueta <ul>, "unordered list ". Aquí los elementos no van precedidos por un número, sino por un punto. Para usar <ul>, el esquema es el mismo que antes, pero en lugar de escribir <ol>, pondremos <ul>. Tal que así:

<ul><li>Primer elemento</li><li>Segundo elemento</li></ul>

* Primer elemento
* Segundo elemento

Por una de esas casualidades de la vida, la PDD NO ADMITE <ul> . Pero tranquilos, porque gracias a que la PDD hace un poco lo que quiere con las normas del HTML, hay una manera de simular el funcionamiento de <ul>. Esto consiste en usar <li> pero sin acompañarla de <ul> ni <ol>, así:

<li>Primer elemento</li><li>Segundo elemento</li>

Cuando usas la etiqueta <li>, si no pones el finalizador </li>, la PDD reconocerá como final del elemento de la lista el primer salto de línea que encuentre en el código. Esto puede ser bueno o malo, según se mire. Por claridad, les recomiendo que pongas el finalizador. De esta manera siempre sabrás lo que estás haciendo.

Hipervínculos

En los tiempos que corren, todo el mundo sabe lo que es un hipervínculo puesto que es algo que forma parte de nuestra vida cotidiana. Sin embargo, si nos referimos al HTML, esconden bastantes secretos.

* href: Significa "Referencia HTML o Referncia URL". Es el más importante. Sin él el enlace jamás funcionará. El valor que toma es la dirección URL de la página, imagen,... o cualquier tipo de archivo que queremos linkear. Para saber la URL de aquello que queremos poner en nuestro link, pulsamos encima de la página, imagen,... con el botón derecho del ratón y seleccionamos "propiedades (si usas IE) o "Ver información de la página" (si usas Firefox). Ahí ya aparece la dirección y la podemos copiar normalmente.

Con href también se pueden poner enlaces a direcciones de correro electrónico, y la PDD lo admite sin problemas. Tan sólo hay que poner como valor mailto:dirección_email@loquesea.com, poniendo, claro está la dirección que nosotros queramos.

Otra utilidad de href son los vnculos internos o "a un marcador". El ejemplo más típico son los famosos links de "volver arriba" o abajo, o a donde sea. Para poder usar los enlaces de esta manera, deberos usar marcadores (más abajo explico su sintaxis y su forma de uso).

* title: este parámetro sirve para añadir una descripción o un comentario sobre el enlace. Funciona de manera similar al texto substitutivo de una imagen (dentro de un rato veremos qué es eso), de manera que cuando uno deja el ratón sobre el enlace durante unos instantes, aparece un recuadro flotante con el valor que le hayamos dado. El valor no es más que el texto que queremos que se lea.

* target: es una parámetro que muy pocos conocen pero que es muy útil. Sirve para elegir el destino donde se va a abrir la página enlazada. Se utiliza sobretodo para abrir páginas en una nueva ventana. Seguro que nos ha ocurrido más de una vez que, pinchando en un enlace de alguna PDD, la página se nos abre en la misma ventana donde tenías abierto Managerzone, y luego todo son líos de volver atrás y volverse a loguear y cosas por el estilo. Con target podemos evitar esto. Los valores que admite son varios, pero tan sólo nos será útil "_blank", con la barra baja incluida para que funcione. El resto de valores están destinados para el uso de frames en páginas web (esto sólo como curiosidad ).

* id ó name: Ambos se usan de la misma manera (pese a que no son lo mismo, aunque poco nos importa para la PDD) y sirven para crear marcadores en el documento. Los marcadores son como un punto de libro y nos señalan un punto concreto. Usan la misma etiqueta que los enlaces pero sin href. Además, son invisibles; el navegador no los muestra por pantalla, por lo que se pueden poner en cualquier parte del código sin importar como quedaría si se viera.

Cuando pulsamos sobre un vínculo interno, el navegador nos llevará hasta el lugar de la página donde hemos colocado el marcador.

En el HTML convencional, la etiqueta <a> admite otros tantos parámetros, pero para la PDD no tienen ninguna utilidad.

Los típicos ejemplos los haremos hoy diferenciando entre los tipos de enlaces que hemos visto:

Enlaces "convencionales"

<a href="http://miarroba.com/libros/leer.php?id=156409" title="Deja aquí tus dudas y comentarios" target="_blank">El Guestbook de PDD Tuning</a>

Para usar enlaces internos necesitaremos dos elementos: el enlace, semejante al "convencional", y el marcador. El marcador, puesto que es invisible.

Etiqueta del marcador (aquí no necesita finalizador):

<a name="top">

Etiqueta del enlace que apunta al marcador (¡no olvides la almohadilla!):

<a href="#top">Volver Arriba</a>


Si necesitan mas información avanzada, pueden entrar en http://www.todomanagerzone.com/contenidos/Palabradeldueno.html

Ahi van a tener funciones avanzadas para la realización de la misma;)

Fuente por dj_wisy The Zone Miércoles 30 Noviembre 2005 en adelante. (www.todomanagerzone.com/)

Espero que les sirva!..El resto se los dejo a su imaginación;)

Tienes alguna duda o una pregunta. ¡Coménta!

Nota: Aplicamos las Reglas del Foro. Los comentarios que realizas registran tu IP.  Procura escribir con tu nick de ManagerZone. ¡Disfruta compartiendo puntos de vistas!