Atributos de estilo en HTML

Atributos para la alineación de elementos individuales en una página Web

Para alinear un elemento o párrafo en la página web se usa el atributo align con la etiqueta de dicho elemento, el cual puede tomar alguno de estos valores: left (izquierda), center (centro), right (derecha), o justify (justificado).

Atributos para el uso del color

Todos conocemos la gama de colores existentes, así como la diversidad de matices posibles de un tono específico, por poco que estemos interesados en la pintura. Pero, ¿cómo se los explicamos a una máquina?

Para dar color a cualquier página web, se cuentan con el siguiente procedimiento:

Escritura del nombre del color

Los 16 colores más utilizados en Internet se pueden indicar con un nombre más fácil de recordar, en Inglés. La siguiente tabla nos muestra el tipo de color y su equivalente en código hexadecimal, los cuales puedes escribir con mayúscula o minúscula.

Tabla de colores para su uso en Internet
1. Aqua	Azul claro	9. Maroon	Rojo oscuro
2. Black	negro	10.Navy	Azul oscuro
3. Blue	azul	11.Olive	aceituna
4. Brown	café	12. Purple	púrpura
5. Fuschia	rosa	13. Red	rojo
6. Gray	gris	14. Silver	plata
7. Green	verde	15. White	blanco
8. Lima	verde claro	9. Yellow	amarillos

El nombre de cada color se escribe dentro de los atributos de la etiqueta <body> para asignar:

El color de fondo del documento HTML (con la orden bgcolor)

El color del texto (con la orden text)

Por ejemplo:

La etiqueta <body bgcolor=”blue” text=”white”>

Autoevaluación

Observa cómo se insertan los atributos de alineación y de color de elementos individuales en la estructura básica de la página web y su visualización con el navegador.

Sigue los pasos que a continuación se indican para que diseñes tu primera página web.

Crea una carpeta con el nombre paginasweb en el directorio raíz de tu computadora para que allí guardes todas las páginas web que elabores.
Accede al bloc de notas, desde el escritorio de la pantalla de tu computadora, en la parte inferior izquierda, escribe bloc de notas y da clic.
Al abrir el Bloc de notas se despliega su pantalla con el cursor vertical parpadeando, en espera de que escribas las etiquetas correspondientes a tu primera página Web:
Escribe el siguiente código:
Guarda o salva en tu carpeta paginasweb el código que acabas de escribir con el nombre alineacion.html siguiendo la ruta establecida en el bloc de notas: Archivo/Guardar como, como se indica en la siguiente pantalla:
Nota: es importante recordar que los nombres de archivos deben escribirse con minúsculas, sin acentos, sin espacios en blanco, sin caracteres especiales y siempre asigna manualmente la extensión html para que el navegador Web pueda reconocer al archivo como página Web.
Ahora accede al contenido de la carpeta paginasweb y podrás ver que el archivo alineacion.html que acabas de salvar tiene asociado el icono del explorador que hayas predefinido como principal (Netscape, Firefox, Explorer, etc.). Esto significa que el navegador Web ya lo puede reconocer.
Haz doble clic en el archivo alineacion.html y observa cómo el navegador despliega el mensaje:
Escribe el siguiente código:
Guarda o salva en tu carpeta paginasweb el código que acabas de escribir con el nombre colores.html siguiendo la ruta establecida en el bloc de notas: Archivo/Guardar como, como se indica en la siguiente pantalla:
Nota: es importante recordar que los nombres de archivos deben escribirse con minúsculas, sin acentos, sin espacios en blanco, sin caracteres especiales y siempre asigna manualmente la extensión html para que el navegador Web pueda reconocer al archivo como página Web.
Ahora accede al contenido de la carpeta paginasweb y podrás ver que el archivo colores.html que acabas de salvar tiene asociado el icono del explorador que hayas predefinido como principal (Netscape, Firefox, Explorer, etc.). Esto significa que el navegador Web ya lo puede reconocer.
Haz doble clic en el archivo colores.html y observa cómo el navegador despliega el mensaje:
Ahora, cierra el navegador haciendo clic en el icono localizado en el ángulo superior derecho de la pantalla.