Html Curso Completo

HTML BASICO 
1 Una página básica
2 Dando forma al texto 
3 Enlaces con otras páginas 
4 Imágenes 
5 Caracteres especiales 
HTML INTERMEDIO 
6 Los estándares del HTML 
7 Fondos 
8 Alineación y dimensionado de imágenes 
9 Formato de las imágenes 
10 Tablas 
11 Formularios 
12 GIFs animados 
13 Mapas 
14 Frames 
15 Sonidos 
16 Texto en movimiento 
17 Publicacióny promoción de una página 
18 Contadores de visitas 
19 Componer con estilo 
TEMAS AVANZADOS 
20 Applets de Java 
21 Trucos diversos 
22 Canales de chat en páginas Web
23 Hojas de estilo en cascada
24 Hojas de estilo en cascada (Atributos)
25 Hojas de estilo en cascada (Consejos de utilización)

1. Una página básica
El principio esencial del lenguaje HTML (HyperText MarkupLanguage) es el uso de las etiquetas (tags). Funcionan de la siguiente manera:
Este es el inicio de una etiqueta. 
Este es el cierre de una etiqueta.
Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Por claridad, se usarán en este manual solamente las mayúsculas
Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo eldocumento HTML debe estar entre las etiquetas y :
[Todo el documento]
El documento en sí está dividido en dos zonas principales:
* El encabezamiento, comprendido entre las etiquetas y  
* El cuerpo, comprendido entre las etiquetas y
Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendidoentre las etiquetas y . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones).
Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)
Por tanto, la estructura queda de esta manera:
 
 
Título de la página  
 
[Aquí van las etiquetas quevisualizan la página]  

Antes de crear nuestra primera página, unas consideraciones sobre el texto: Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar el texto en distintos párrafos debemos usar la etiqueta , (que no tiene su correspondiente etiqueta decierre )
El texto puede tener unas cabeceras, comprendidas entre las etiquetas y , y , etc. (hasta el número 6), siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1. Puedes experimentar en el ejemplo que sigue, cambiando el número para comprobar el efecto que se logra.
Una etiqueta muy interesante es la de centrado y (no la soportan todos losnavegadores, aunque sí la mayoría de ellos). Nos centra todo lo que esté dentro de ella, ya sea texto, imágenes, etc.
También tenemos los separadores (horizontal rules), que se consiguen con la etiqueta (no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a continuación:Ejemplo práctico
En un procesador de texto (como WordPad) copiamos lo siguiente:

 
Mi pagina del Web - 1  

 
Primera pagina  
 
Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaré en condiciones de hacer cosas más interesantes. 
Aquí va un segundo párrafo. 

Una vez acabado de introducir el texto lo guardamos de lasiguiente manera: 
* Menú Archivo opción Guardar como... 
* Le asignamos un nombre y le ponemos nosotros la extensión htm o html (por ejemplo mipag1.htm) y en la opción  de Guardar como tipo elegimos, en vez de Word para Windows, que es la que nos da por defecto, Documento de texto (este paso es muy importante, ya que si no lo hacemos así saldrán caracteres raros cuando lo veamos en el...