Continuamos hoy con las nociones de diseño de webs con HTML que comenzamos a explicar en post anteriores. Como dijimos, vamos a prescindir por ahora de los programas de edición, y comenzar escribiendo en el Blog de Notas. Abrimos dicho programa y creamos un documento nuevo, digamos paginaprincipal.htm. Luego lo salvamos (es decir, lo guardamos; es importante que al darle el nombre al documento se haya colocado el sufijo.htm).
A continuación podemos empezar a escribir en el documento las etiquetas, que son las que delimitan cada elemento del documento. Estas etiquetas vienen en pares, una al comienzo y otra al final de lo que se está delimitando; la primera contiene los corchetes angulares <> y la de cierre es </>. Así, por ejemplo, para el título del documentos escribimos
<head> XXXXXXX </head>. Copie estos datos en el documento que creó, guárdelo y ábralo de nuevo, y verá que aparecen sólo las letras X. (El ordenador seguramente lo habrá abierto en el formato de lectura para web. Para continuar escribiendo en HTML deberá abrir el documento de nuevo con el blog de notas).
Agreguemos ahora un párrafo, como lo siguiente:
<p align=”center”><font color=”993366″ size=”6″ face=”Arial”>Estamos haciendo pruebas para diseñar páginas web</font></p>
Con las etiquetas anteriores hemos dado instrucciones para que el texto esté alineado en el centro (align=”center”), y para que tenga un color, un tamaño y un tipo de letra determinados. Recuerde guardar los cambios.
Trate de ensayar a hacer lo mismo con el título que escribimos (XXXX), recuerde que todas las etiquetas deben abrirse y cerrarse, y hacerlo de adentro hacia afuera (si <p> fué el primer símbolo que escribimos, </p> debe quedar totalmente al final, mientras que las subetiquetas de font deben quedar dentro de éstos. Es importante copiar las etiquetas exactamente, sin espacios adicionales y colocando todos sus elementos o no saldrá como queremos.
