Está en la página 1de 11

Primera pgina

<!doctype> le indica al navegador que es un cdigo en html 5 (Como puede ir o no, no


afecta en nada el cdigo)

<html> este tag se emplea siempre para iniciar un cdigo html; es la forma de decirle al
navegador que en se punto empieza el cdigo. Por esta razn se pone la lnea como de
primero, al final tenemos el tag </html>, que indica al navegador que el cdigo finaliza en se
punto, no deberemos incluir ningn tag ni nada mas despus de esta lnea

<header> este indica la parte de la cabecera y un final </header>; todo lo que queramos
incluir en la cabecera ira colocado entre estas dos lneas. En esta cabecera hemos
agregado

Solamente el titulo de la pagina; este titulo de la pagina se incluye entre los tags <title> y
</title> que indican el comienzo y el fin de dicho titulo. Y lo que veramos seria:

Incluir lnea de texto


La otra seccin que sigue de toda pagina web, es el body, incluye todo lo que queramos visualizar
en el rea de navegacin; se inicia con el tag <body> y se finaliza con </body>, como se observara
el archivo que hemos creado no hemos incluido nada, por eso se ve vaca
Lo primero que haremos es incluir un texto en la pagina para que se muestre en el rea de
navegacin

Configuracin de fondo y texto


Configurando el fondo
Hemos creado en la pagina un fondo blanco, este es el color por defecto del rea de navegacin,
vamos a ver cmo podemos cambiarlo, necesitamos aadir al tag body otro atributo, el que
utilizaremos para cambiar el color de la pagina es bgcolor, y le asignaremos un valor que indique el
color que deseamos. La palabra bgcolor es abreviatura de background color (color de fondo). Por
ejemplo si queremos que nuestra pgina tenga color de fondo amarillo , el tag body quedara de la
siguiente forma:
<body bgcolor = yellow>
El cdigo quedara as:

Vindose asi:

Como se puede observar la pgina tiene el fondo amarillo. Esto es asi porque el aributo bgcolor, que
es el que se ha encargado de establecer este color, esta asociado al tag <body> que es, como ya se
sabe, el encargado de definir el rea de navegacin de la pagina.
Se debe observar que el tag que abre el body incorpora ahora un atributo, pero el tag que cierra el
body no ha sido modificado. Esto es asi en HTML, aunque la apertura de un tag utilice atributos, el
cierre no los lleva incorporados; nunca se incluye atributos en el cierre de un tag.

Los colores en HTML


Cualquier color que necesitemos crear se forma mezclando distintas proporciones de rojo, verde y
azul. Le podemos indicar a nuestro HTML, un color cualquiera en el que cada uno de los colores
primarios reciba un valor entre 0 y 255. Esto hace un total de 256 posibles proporciones para cada
uno de los tres colores primarios, el nmero resultante de posibles combinaciones es de
256*256*256 = 16.777.216 colores posibles
As el amarillo estara formado por el mximo posible de rojo, el mximo posible de verde y nada de
azul, es decir, seria la combinacin 255.255.0. Los valores de los colores primarios los expresamos
siempre en ese orden, por ese a este formato de color se le llama RGB(de red, green y blue)
Sin embargo no es tan fcil. Los creadores de HTML, decidieron que haba llegado el momento de
complicarnos un poco la vida y han hecho el lenguaje de tal modo que los valores de los tres colores
primarios hay que expresarlos en hexadecimal y con dos dgitos
Como se sabe la numeracin hexadecimal permite emplear las letras de la A a la F, asignndoles los
valores numricos de 10 a 15. As pues, el 0 decimal seria 00 hexadecimal, el 15 decimal seria el 0F
en hexadecimal, los valores son:

El amarillo expresado en hexadecimal seria: FFFF00. Los dos primeros dgitos expresan la
proporcin de rojo, los dos siguientes la de verde y los dos ltimos la de azul. Adems HTML nos
pide que aadamos delante de la combinacin de colores, el signo # (conocido popularmente como
almohadilla)
Por lo tanto la siguiente sentencia ser:
<body bgcolor = #FFFF00>
Existe lo que se llaman colores seguros para la web. Son una paleta de 216 posibles
combinaciones. Son colores seguros para la web, aquellos que se visualizan exactamente igual en
una plataforma PC que en un Macintosh, ya sea con un navegador Internet explores, que un mozila,
Netscape. Los colores seguros para la web son aquellos formados por cualquier combinacin de los
valores 00, 33, 66, 99, CC o FF., ejemplos de ellos son:
FF66CC, FFFFFF, 00CC99, FF3366
Y en general cualquiera que cumpla la condicin de que los tres valores (el de rojo, el de verde y el
de azul) respondan a uno de los valores especificados.
Tambin podemos escribirlo as:

<body bgcolor = FFFF00>


<body bgcolor = #FFFF00>

Configuracin del texto


A la hora de configurar el texto existen muchas opciones, podemos cambiar la tipografa, el color, el
tamao, etc. vamos a ver todas las posibilidades que afectan al texto de nuestra pagina. Lo primero
que vamos a ver, es como establecer el color del texto en toda la pgina. Para ello recurriremos a
otro atributo del tag <body>. Se trata del atributo text, que recibe un valor para determinar el color
del texto en toda la pagina. El color se indica como en el caso de bgcolor, bien mediante su nombre
en ingles o bien mediante su especificacin hexadecimal.
Ejemplo:

Y se veria asi:

Todo el texto que se ponga en la pagina aparecer en azul en tiempo de ejecucin, hemos utilizado
colores seguros para que se asegurar de que se vea correctamente sin importar el navegador
Organizar el texto en la pagina
Vamos a aprender a organizar el texto en la pagina

Cuando lo ejecutemos se vera en toda la pantalla el texto en una sola lnea, en lugar de las dos
lneas

Esto es asi porque los navegadores no reconocen un salto de lnea, a no ser que se lo indique
especficamente. Para ello empleamos otro tag nuevo, se trata de <br>. Este tag no recibe ningn
tipo de atributos y no tiene cierre, es decir, no existe </br>. Esto es asi porque a diferencia de otros
tags, este no establece ningn efecto sobre la pagina.

Si necesita ms lneas separadas, introducir mas <br>

Se vera as:

Saltos de prrafo

El resultado de este cdigo seria:

Como se puede observar los prrafos se han separado como si se hubiera empleado dos saltos de
lnea convencionales entre ellos. Para iniciar un prrafo de texto utilizamos el tag <p> y terminamos
el prrafo con </p>.

Alineacin del texto centrado


<center< </center>
Ejemplo:

Se ver as:

Alineacin derecha:

En HTML la alineacin por defecto es hacia la izquierda


Efectos simples en el texto

Se ver as:

Encabezamiento
Podemos utilizar un texto como encabezamiento o titular de un texto, como que si fuera un artculo
de un periodo, veamos cmo hacerlo.

Y se ver as:

Efectos avanzados del texto


Vamos a darle formato de manera independiente a partes del texto en color, tipografa y tamao
El tag <Font>, este es selectivo
Ejemplo:

Se ver as:

Comentarios:
Un comentario es una frase o lnea de conjunto de lneas que no aparecen en pantalla ni influirn en
modo alguno

Se vera asi:

Como se ve no est la lnea de comentario

Imgenes de fondo
Uno de los recursos mas empleados en el diseo de pginas web es colocar una imagen de fondo
de la pagina. No se trata de un objeto contenido en la pagina, sino de un simple decoracin de
fondo. Para ello aadimos el atributo background al tag <body>, pasndolo como valor el nombre
del fichero que contiene la imagen deseada
Ejemplo:

Intereses relacionados