PÁGINA WEB
HTML
CENTRAR TEXTO
AUMENTAR TAMAÑO DEL TEXTO
COLOR DE FONDO
COLOR DEL TEXTO
CENTRAR EL TEXTO.
Si queremos que nuestro
PRACTICA 2
saludo: Bienvenid@ aparezca
en el centro de la página,
escribimos delante del saludo
la etiqueta <center> y al final
del mismo la etiqueta de
cierre </center>
El código quedaría así:
Guardamos los cambios
Minimizamos y comprobamos los resultados con el Explorer (lo
recuperamos desde la barra de tareas)
Si observamos que nuestro mensaje no aparece centrado le damos al
botón. Puede ocurrir que no haya puesto al día los cambios:
NOTA: Es conveniente tener los dos programas abiertos: El navegador y
el Bloc de notas. Si cerramos los programas, podemos recuperar el Bloc
de notas a partir del Explorer. Botón derecho del ratón > Ver código fuente.
Se abrirá el Bloc de notas. Puedo hacer los cambios que se señalan,
guardar y minimizar. Abrir el navegador y Actualizar o Recargar.
AUMENTAR EL TAMAÑO DEL TEXTO.
Nuestro mensaje es algo pequeño. Podemos aumentar su tamaño
empleando las etiquetas de encabezados. Las etiquetas van
desde el <h1> (h de head, en inglés, cabeza) para la más grande,
al <h6> para la más pequeña.
Vamos a poner el tamaño mayor:
PRACTICA 3
Le damos a Archivo > Guardar , minimizamos y
comprobamos los cambios en el navegador
No olvidarse de dar al botón Actualizar en el caso de
no ver los cambios a la primera.
DATOS DE COLORES
Entender los colores.
El código del color está formado por 6 símbolos alfa-numéricos precedidos del símbolo #.
Los símbolos alfa-numéricos son las diez cifras numéricas y las seis primeras letras del alfabeto
ordenadas de la siguiente forma:
0 1 2 3 4 5 6 7 8 9 a b c d e f
Siendo 0 el valor mínimo (nulo) y f el valor máximo.
A su vez los seis símbolos se dividen en tres grupos de dos símbolos:
•El primero de dos símbolos indica la cantidad de rojo (00 es el mínimo y ff el máximo)
•El segundo de dos símbolos indica la cantidad de verde (00 es el mínimo y ff el
máximo)
•El tercero de dos símbolos indica la cantidad de azul (00 es el mínimo y ff el máximo)
Las mezclas y combinaciones de cantidad van dando origen a los diferentes colores.
ffffff 000000 ff0000 00ff00 0000ff ffff00 cccccc ff00ff
990000 99ffff ff9900 ffffcc 66cc99 deb887 ffb6c1 2e8b57
Es el denominado código hexadecimal.
Este código también se puede sustituir por la palabra inglesa que
define el color. Así red será lo mismo que #ff0000 o green será lo
mismo que #00ff00. El problema viene cuando no es un color primario
ni secundario. Por ejemplo, el color blanchedalmond se corresponde
con el código hexadecimal #ffebcd y es el siguiente color
COLOR DE FONDO.
Si deseamos poner un color de fondo a toda la página, lo tenemos que hacer dentro
de la etiqueta <body> pues afecta a todo el documento. Esto que se escribe dentro de
una etiqueta se denomina atributo. Los colores deben escribirse mediante el
denominado código hexadecimal que consiste en 6 cifras/letras agrupadas de dos en
dos, que nos indican la cantidad de rojo, verde y azul que contiene ese color, o bien,
con la palabra inglesa que corresponde al color.
Nosotros vamos a poner el color rojo al fondo
PRACTICA 4
de la página. Lo conseguimos escribiendo la
etiqueta <body> con su atributo como sigue:
<body bgcolor="red"> ( bg de background ).
Guardamos los cambios y abrimos
cada uno de los navegadores para
comprobar los resultados:
Resultado dependiendo su navegador
CAMBIAR EL COLOR DEL TEXTO.
Para cambiar el color del texto PRACTICA 5
empleamos la etiqueta <font> con su
atributo color. Vamos a cambiar el color
negro del texto, al color blanco.
Podríamos emplear el nombre en inglés
del color, igual que hemos hecho con el
fondo. La etiqueta quedaría <font
color="white">. Vamos ahora, a colocar
el código hexadecimal de este color que
es el ffffff. La etiqueta quedaría
así: <font color="#ffffff">. La etiqueta se
debe cerrar sin su atributo.
Guardamos los cambios, minimizamos y abrimos los
navegadores actualizando si es necesario