Atributos para fondos
bgcolor: especificamos un
color de fondo para la página. En el capítulo anterior y en el taller de los colores y HTML hemos aprendido
a construir cualquier color, con su nombre o su valor RGB. El color de fondo
que podemos asignar con bgcolor es un color plano, es decir el mismo para toda
la superficie del navegador.
background: sirve para indicar
la colocación de una imagen como fondo de la página. La imagen se coloca
haciendo un mosaico, es decir, se repite muchas veces hasta ocupar todo el
espacio del fondo de la página. En capítulos más adelante veremos como se
insertan imágenes con HTML y los tipos de imágenes que se pueden utilizar.
Ejemplo de fondo
Vamos
a colocar esta imagen como fondo en la página.
La
imagen se llama fondo.jpg. Puedes guardarla en tu disco duro para practicar tú
también con ella, mediante un clic con el botón derecho. Para trabajar con esta
imagen vamos a colocarla en la misma carpeta donde está el HTML donde vamos a trabajar.
Más adelante también hablaremos sobre cómo acceder a otros archivos que están
en otras carpetas, mediante la composición de rutas un poco más complejas, pero
por el momento suponemos que la imagen se encuentra en el mismo directorio que
la página.
Para
colocar esta imagen como fondo de mosaico, se escribiría la siguiente etiqueta
BODY.
<body background="fondo.jpg">
Así,
si deseásemos introducir un texto alineado a la izquierda escribiríamos:
<p align="left">
Texto alineado
a la izquierda</p>
Para
una justificación al centro:
<p align="center">
Texto alineado
al centro</p>
Para alinear
a la derecha:
<p align="right">
Texto alineado
a la derecha</p>
Los
anteriores párrafos con sus alineaciones se verían más o menos así:
Negrita
Podemos
escribir texto en negrita incluyéndolo dentro de las etiquetas B y su cierre
(bold). Esta misma tarea es desempeñada por STRONG y su cierre, siendo ambas
equivalentes. Nosotros nos inclinamos por la primeras por simple razón de
esfuerzo.
Escribiendo
un código de este tipo:
<b>Texto en negrita</b>
Itálica
También
en este caso existen dos posibilidades, una corta: I y su cierre (italic) y
otra un poco más larga: EM y su cierre. En este manual, y en la mayoría de las
páginas que veréis por ahí, os encontraréis con la primera forma sin duda más
sencilla a escribir y a acordarse.
He
aquí un ejemplo de texto en itálica:
<i>Texto en itálica</i>
Que
da el siguiente efecto:
Subrayado
El
HTML nos propone también para el subrayado el par de etiquetas: U (underlined).
Sin embargo, el uso de subrayados ha de ser aplicado con mucha precaución dado
que los enlaces hipertexto van, a no ser que se indique lo contrario,
subrayados con lo que podemos confundir al lector y apartarlo del verdadero
interés de nuestro texto.
Además,
cabe decir que la etiqueta U se ha quedado obsoleta, debido a que es algo que
realmente se debe hacer del lado del CSS, al ser básicamente un estilo.
Subíndices y supraíndices
Este
tipo de formato resulta de extremada utilidad para textos científicos. Las
etiquetas empleadas son:
<sup>y</sup>para los supraíndices
<sub>y</sub>para los subíndices
Aquí
tenéis un ejemplo:
La<sup>13</sup>CC<sub>3</sub>H<sub>4</sub>ClNOS es un heterociclo alergeno enriquecido
El
resultado:
Atributos de Color
En
HTML se usa una notación específica de especificar un color, compuesta por tres
valores "RGB": Red, Green, Blue. Rojo, Verde y Azul. Es decir, que
para conseguir un color cualquiera mezclaremos cantidades de cada uno de esos
colores. RGB es el modelo usado para la creación de colores de los monitores y
televisores, así que es un excelente modo de expresar color en un medio digital
como una web.
Los
valores RBG en HTML se indican en numeración hexadecimal, en base 16. (Los
dígitos pueden crecer hasta 16. Como no hay tantos dígitos numéricos, se
utilizan las letras de la A a la F).
Para
conseguir un color, mezclaremos valores asignando dos dígitos a cada valor RBG.
De esta manera: "#RRGGBB"
Como
has observado, colocamos también una almohadilla "#" al principio,
para indicar que esa cadena es un valor de color en hexadecimal.
Más
adelante en el artículo veremos ejemplos en una grande paleta, com sus valores
en RGB. No obstante ejemplos podrían ser #000000 para el negro, #FFFFFF para el
blanco, #660000 sería un rojo oscuro o #FF0000 un rojo brillante.
Atributos de color en etiquetas HTML
En
HTML existen numerosas etiquetas que soportan atributos de color. Para que
tengas una primera referencia, así se cambiaría la fuente para escribir en
rojo:
<font color="#FF0000">Rojo</font>
No hay comentarios:
Publicar un comentario