crear pagina web

INTRODUCCIÓN
HTML: HYPER TEXT MARKUP LANGUAGE.
Sólo necesitaremos algun editor de texto, un simple notepad, el famoso y casi sin utilizar el block de notas y el Navegador que tengan en sus ordenadores.
Un html se divide en dos grandes secciones, las dos no dejan de ser muy importantes a la hora de programar y diseñar nuestra página.
HEAD (cabeza) y BODY (cuerpo)
Casi todas las órdenes y/odirectivas que existen en este lenguaje comienzan con < > y terminan con . También encontraremos tags que no necesitan cerrarse con como veremos más adelante.
En el head, colocaremos todo lo que nuestra página html necesite para defirnir por ejemplo el Título del html (no nos confundamos con el nombre que le damos al html al guardarlo, no es lo mismo.), veamos el ejemplo del título de esta mismapágina html que están leyendo: HTML CURSO ONLINE GRATUITO por IMAGE & ART, ese es el título que tenemos dentro de nuestro head.
También incorporamos en el head los tags u órdenes que nos sirve para mostrar e indicar las palabras claves, descripción, autor para los buscadores en internet, ellos utilizan estos datos para agregarnos en sus bases de datos. Existen otras variantes del tag Meta que enel transcurso lo veremos.
Ahora llego la hora: vamos a comenzar nuestra primer página Html.
En el block de notas coloquemos lo siguiente:


Mi primer html


Estoy comenzando a programar en html, es sencillo y lo voy a aprender muy bien.






ver ejemplo
Ahora vamos a explicar lo que hemos hecho:
 (abro indincando el lenguaje de programación)
 (comienza la cabecera del html)Mi primer html  (aquí, coloco el título)
 (cierro la cabecera del html para darle paso al body del htm) 
 (abro el cuerpo, acá colocamos toooodo lo que queremos que se vea por la pantalla)
Estoy comenzando a programar en html, es sencillo y lo voy a aprender muy bien.
 (cierro la cuerpo del html para darle paso al body del htm) 
 (termino el tag de indicación del lenguaje)
Felicitaciones!,nuestro primer diente en html.
Ahora comenzaremos a indicar más tags para comenzar a lograr htmls más apropiados. Comencemos a trabajar en el body que es lo más importante para que el espectador pueda ver nuestros diseños htmls.
El tag BODY permite tener unas indicaciones donde le diríamos por ejemplo, que fondo queremos, si va a ser un color o una imágen, determinar los colores de los textos (anivel general), textos escritos, textos que son vínculos, vínculos activos o visitados.
explicación
ejemplo
bgcolor="el color rgb que gustemos"
bgcolor="#FFCC00"
backgound="el archivo de imagen"
backgound="fondo.jpg"
text="color para el texto normal"
text="#FFFFFF"
link="color para el texto que es vínculo"
link="#00FFFF"
vlink="color para el vínculo visitado"
vlink="#000000"alink="color para el vínculo activo"
alink="#FFFF00"





Agreguemos en el body las siguientes instrucciones:


Mi primer html


Estoy comenzando a programar en html, es sencillo y lo voy a aprender muy bien.


ver ejemplo
cuando veamos links, vamos a poder agregar las otras indicaciones al body.
descargar imágen de fondo para ejercicio
Agreguemos en el body las siguientesinstrucciones, pero con el fondo llamando a una imágen, se tienen que asegurar de colocar bien la ruta para que la encuentre:


Mi primer html


Estoy comenzando a programar en html, es sencillo y lo voy a aprender muy bien.









ver ejemplo
Espero que se hayan dado cuenta que, en este código cambiamos el texto de color, así con el fondo de la imagen que es en tono oscuro, latipografía la vimos de color blanco.
Seguiremos con el Tag , sirve para darle todas las indicaciones con respecto a un texto escrito, es decir, que tipo de tipografía, que tamaño, que color, veamos el siguiente cuadro:
explicación
ejemplo
size="el el tamaño de la fuente a utilizar".
Tengamos en cuenta que en html los tamaños de size van del 1 al 7. 
Si deseamos un tamaño más grande tendremos que...