![]() |
2. DANDO FORMATO AL TEXTO | ![]() |
Ahora veremos como darle formato al texto de la página. Antes de seguir veamos como se maneja el color en html. Los colores en html son representados con un código, aunque en la actualidad los navegadores ya aceptan el nombre en inglés del color. El código se compone de 7 caractéres, el signo gato (#) seguido de 3 pares de dígitos (que pueden ir del 00 al 99), es decir: #00 00 00 Donde cada par de dígitos se podria decir que corresponde al porcentaje de un color. El primer par corresponde al rojo, el segundo al verde y el tercero al azul. Los códigos de body (text, link, etc.) van a tomar valores "hexadecimales", o sea que en vez de ir de 0 a 9 como en base 10, van a ir de 0 a 15. Por lo tanto, los dígitos hexadecimales son: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, donde va A vale 10, B vale 11, etc. Así logras tener un total de 16777216 colores. Entonces, un Rojo al 100% sería FF.
Como ven la combinación de colores es enorme. Ahora sí, el tag <font> Anteriormente mencione que el tag para poner un texto es <p>, esto es más o menos cierto porque el tag que en realidad enriquece al texto es <font>,</font>, mientras <p>,</p> indica que hay un párrafo, es decir, en la primera página pude haber puesto: <p><font>Mundo Paul</font></p> En todo caso si hacen el cambio la apariencia es la misma. No nos desviemos y sigamos con los atributos.
2.3 Atributos de el Tag <font>
Más ejemplos con: "color", "size", "face". Aunque no he definido formalmente, el tag <p> se ha usado desde la primera página web, este tag sirve para indicar el comienzo y fin de un párrafo, generalmente se usa dentro de el tag <body>
Para indicar el estilo de texto (negrilla, subrayado, itálica etc...) hay varios tags, algunos no son reconocidos por determinados navegadores, es por ello que según el navegador que se use, se verá como se desea. Pero estos son los más usuales.
En un documento de HTML se pueden indicar seis tipos de cabeceras (tamaños de letra) por medio de los tags <H1><H2><H3><H4><H5><H6>. El texto que escribas entre el inicio y el fin de el tag será el afectado por las cabeceras. La cabecera <H1> será la que muestre el texto en mayor tamaño.
El tag <hr> muestra una linea horizontal de tamaño determinable.
Ejemplos: <hr> <hr align="center" color=#000000 size="10" width="50%"> El salto de línea corresponde al tag <br>, también puedes cerrar con </p> donde quieras un salto de línea, pero se tiene un efecto diferente:
Para ponerle acento a una letra en html se necesita un código especial así como a la "ñ", pues de ponerlas como tal, el navegador las puede interpretar como otro carácter debido a la codificación que éste tenga. El código en cuestión es el siguiente: ´
A la letra que desees colocarle el acento solo debes ponerla después del "&" (como se muestra en el ejemplo). Es importante señalar que siempre debe terminar con ; pues de lo contrario algunos navegadores (firefox, por ejemplo) lo interpretarán como tal y no como acento, es decir, si la palabra que le pusiste acento es árbol, aparecería así "árbol", obteniendo un resultado inesperado. |