Está en la página 1de 2

LOS PRIMEROS PASOS SON BASTANTE SIMPLES, ABRE UN BLOCK DE NOTAS O NOTEPAD Y,

AL FINALIZAR, GUARDALO EN GUARDAR COMO... CON .HTML AL FINAL EJEMPLO:


NOMBREDELARCHIVO.HTML

Despus de abrir el block, escribe lo siguiente
<html>
<head>
<title>

Aqu va el titulo
</title>
</head>
<body>

Aqu va lo que vez adentro de la pagina

</body>
<html>

Lo que est entre estos signos:
< >
se llama etiqueta
Cuando la etiqueta tiene este signo antes"/" es decir que se cierra.

COLOR DE FONDO Y DE FUENTE
El color de fondo se define as:
<body bgcolor="color">
El color puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexadecimal que puedes encontrar en
pginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E"
""#0101DF;" etc)

El color del texto se define as:
<body text ="color">
El texto puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en
pginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E"
""#0101DF;" etc)

PERSONALIZAR EL TEXTO ESCRITO

Para cambiar el color y el tamao de un texto y la letra en especial:
<font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> <------- Importante
Color es igual que arriba y size es un numero entero del 1 al 7

Para la letra en el sentido de negrita, etc...:
<b>negrita</b>
<i>cursiva</i>
<u>subrayado</u>
<s>tachado</s>
<tt>teletipo (mquina de escribir)</tt>
<big>aumenta el tamao de la fuente</big>
<small>disminuye el tamao de la fuente</small>

Para el tamao de la letra en bsico, se escribe as:
<h1>Muy grande</h1>
<h2>Grande</h2>
<h3>Mediano Grande</h3>
<h4>Mediano</h4>
<h5>Mediano Chico</h5>
<h6>Chico</h6>

Por ltimo, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto se
mueve por una banda):
<marquee bgcolor="blue" behavior="alternate" direction="right">
<font color="red" size="5">Aqui estar el texto </font>
</marquee>

Bgcolor es color de fondo.
Behavior es como se mueve, puede ser alternate de un lado a otro rebotando, scroll de un lado a otro,
continuamente, slidede un lado a otro, pero una sola vez.
Direction es hacia adonde se mover el texto, puede ser down de arriba a abajo, up de abajo a
arriba, left de derecha a izquierda o left de izquierda a derecha.

Hiperenlances
Hiperenlaces es cuando pones una frase que te lleva a una pgina haciendo clic en ella:
<a href="http://www.google.com"><font color="red" size="5">Aqu va el texto que aparecer en la
pgina</font><a/>

Eso te llevaria a http://www.google.com

Fotos
Para poder poner fotos es un poco ms complicado pero es bsico de todas formas. Antes, en el lugar en
el que tienes el bloc de notas guardado tienes que tener tambin una foto y saber el nombre por ejemplo:
lafoto.jpg
<img src="lafoto.jpg" alt="A qui escribes lo que se ver cuando pases el mouse por encima de la foto">

También podría gustarte