¡Otra semana más aquí, PDD tuneros! Los que seguís el "cursillo" sabréis lo que toca hoy: intentar acabar las etiquetas de HTML que nos quedan. Para los que os engancháis ahora, si véis que no pilláis ni una, echad un vistazo a los artículos anteriores (estáis de suerte, que aún no hay mucho). Pues lo dicho, manos a la obra que supongo que querréis fardar de PDD, ¿o no?

Usando el HTML II

Centrado de texto

Centrar el texto es una de las cosas que más vais a hacer con diferencia. Pues bien, es una de esas etiquetas facilonas, ya veréis:

<center>Esto está centrado</center>

Esto está centrado

El alineamiento a la izquierda es el predefinido, así que para ello no hay que usar ninguna etiqueta específica.

El alineamiento a la izquierda 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 olvidaros de alinear nada 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é?, os preguntaréis. Sencillo: si ponéis como parámetro una fuente que vosotros tenéis en el ordenador, que os gusta mucho y que os la bajásteis la semana pasada de 1001freefonts.com, alguien que visite vuestra PDD y no tenga esa misma fuente instalada en su PC, lo verá vuestra obra de arte 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 (si no os acordáis, echadle un vistazo a la primera entrega. ¡NO OS DEJÉIS EL #!) o mediante sus nombres en inglés: blue, red, yellow... De todas formas, si los colores típicos se os quedan cortos, echadle un vistazo a esto, o esto otro:

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.

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 debermos 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>

Primer elemento
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 elemntos 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> (¡vaya, que sorpresón!). 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 usáis la etiqueta <li>, si no ponéis 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, os recomiendo que pongáis el finalizador. De esta manera siempre sabréis lo que estáis haciendo.

Por hoy se ha acabado. Así dejamos para la próxima entrega los enlaces y las imágenes, que tienen bastante chicha. Como siempre: dudas, quejas, sugerencias,... a mi e-mail o al guestbook, que está aún sin estrenar. Y así de paso inauguramos el apartado de dudas. ¡No os cortéis!

Artículos anteriores:
#1 #2

¡HASTA LA PRÓXIMA!