Introducción al HTML

Introducción a HTML
Editor de HTML
A partir del primer día vamos a programar en un lenguaje que me imagino será nuevo para todos vosotros. La primera pregunta que os puede surgir por tanto será ¿Qué programa utilizo para poder programar en HTML?. La respuesta es cualquier editor de textos vale perfectamente para desempeñar esta función. El mismo block de notas es suficiente para empezar.
Detodas maneras, ya que existen muchísimo editores de texto que se han diseñado específicamente para programar en lenguajes web vamos a utilizar uno de ellos. Pero no uno cualquiera, sino a mi juicio uno de los mejores que existen actualmente para estos fines. Su nombre es el HTML KIT. Si todavía no lo tienes, te recomiendo que hagas una pausa en la lectura del curso, y aproveches para bajártelo einstalarlo en tu ordenador. Puedes encontrarlo en:
http://www.chami.com/html-kit/
Navegador
El programa que usas para navegar por internet, no es más ni menos que un compilador de lenguaje. Esto quiere decir que es un programa que comprende el HTML perfectamente, lo lee y procesa, devolviendo como resultado una página como esta. Constituida principalmente por texto e imágenes. Por tanto cada vezque programes una página en HTML, necesitarás verla dentro de uno de estos navegadores. Recomendamos por tanto que tengas instalado su última versión:
Los Navegadores más comunes son: Microsoft Internet Explorer (Recomendamos este) y Netscape
Extensiones
Una vez diseñada nuestras páginas en HTML, necesitaremos guardarlas en forma de archivo. Dichos archivos tienen la extensión html o htm.Gracias a dicha extensión nuestro navegador puede conocer que tipo de lenguaje se está utilizando en dicho archivo. Por ejemplo, la mayoría de las páginas iniciales de un sitio web se llaman:
inicio.htm
index.htm
home.htm
De igual forma podrian llamarse:
inicio.html
index.html
home.html
Si te estas preguntando ¿cual es la extensión que deberías usar? En principio cualquiera de las 2 esválida.Normalmente eso depende del servidor donde estes alojado. La mayoría de los servidores admiten las 2 extensiones. Si tienes dudas habla con tu administrador.Pero acostumbrate a usar o una u otra dentro de tu web site. Nunca las 2.
Diseñado en Local
Al principio del curso, para una mayor comprensión de los ejemplos prácticos. Haremos todas las prácticas que se nos pidan a modo local. Esosignifica que deberas organizarte bien en tu ordenador. Crea una carpeta del tipo "curso HTML". Y guarda en ella todas las prácticas que vayas haciendo. Se llama trabajar localmente, cuando el trabajo no requiere que estes conectado a la red para comprobarlo. Trabajaremos de dicha forma al principio del curso
Diseñando en Red
Pero claro, lo que a vosotros os interesa no es sólo aprender a programar enHTML sino también a publicar vuestras páginas a través de Internet. Obviamente en el curso nos ocuparemos de todo esto mas adelante. Podréis hacer prácticas y subirlas por FTP a vuestros servidores.
¿Que es HTML?
HTML son las siglas de Hyper Text Markup Lenguage, o lo que es lo mismo lenguaje de Hipertexto. Se trata del lenguaje base para creación de páginas Web. Verás que es extremadamentesencillo de aprender.

Una página básica
El lenguaje HTML (Hypertext Markup Language) trabaja con etiquetas (tags, en inglés). Cada una de las etiquetas define una parte determinada del contenido de una página web. La sintaxis de las etiquetas es la siguiente:

Las etiquetas en HTML están predefinidas y aprenderemos poco a poco para qué sirve cada una. Estas etiquetas pueden escribirse tantoen mayúsculas como en minúsculas, pero utilizaremos las mayúsculas para diferenciar mejor el código HTML del texto normal.
Todo documento HTML debe estar incluido dentro de las etiquetas y . Esto le indica al navegador en qué lenguaje está creado el documento. La sintaxis sería ésta:

Contenido de toda la página web

En los ejemplos de código utilizaré una línea para cada etiqueta porque...