Programación en HTML

Partes: 1, 2

1. ¿Qué es HTML?
2. ¿Qué vamos a necesitar para crear un documento HTML?
3. Reglas de formato
4. Código Básico de una página
5. Nuestra primera página HTML
6. Insertando imágenes
7. Ordenando el texto
8. Organizando la página web: Tablas
9. Marcos (Frames)

¿Qué es HTML?

HTML es la abreviatura de HyperText Markup Language, y es el lenguaje que todos los programas navegadores usan para presentar información en la World Wide Web (WWW).

Este es un lenguaje muy sencillo que se basa en el uso de etiquetas, consistentes en un texto ASCII encerrado dentro de un par de paréntesis angulares(). El texto incluido dentro de los paréntesis nos dará una explicación de la utilidad de la etiqueta. Así por ejemplo la etiqueta

nos permitirá definir una tabla.

Las etiquetas podrán incluir una serie de atributos o parámetros, en su mayoría opcionales, que nos permitirán definir diferentes posibilidades o características de la misma. Estos atributos quedarán definidos por su nombre (que será explicativo de su utilidad) y el valor que toman separados por un signo de igual. En el caso de que el valor que tome el atributo tenga más de una palabra deberá expresarse entre comillas, en caso contrario no será necesario. Así por ejemplo la etiqueta

nos permitirá definir una tabla con borde de tamaño 2.

Entre otras cosas, el manejo de estas etiquetas nos permitirá:

Definir la estructura lógica del documento HTML.

Aplicar distintos estilos al texto (negrita, cursiva, ...).

La inclusión de hiperenlaces, que nos permitirán acceder a otros documentos relacionados con el actual.

La inclusión de imágenes y ficheros multimedia (gráficos, vídeo, audio).

¿Qué vamos a necesitar para crear un documento HTML?

Un procesador de textos para escribir y editar el código HTML. Este podrá ser cualquiera que no formatee el texto, ya que el leguaje HTML está basado en el código ASCCI. Si usamos un procesador como el Word, tendremos que guardar el documento como "sólo texto ".

Un navegador Web como el Explorer, Netscape, Mosaic, etc., el cual se encargará del interpretar el código HTML de nuestro documento y mostrárnoslo en todo su esplendor.

La secuencia de trabajo para crear nuestro documento es:

1. Con el procesador de texto crearemos el documento HTML y lo guardaremos con el nombre que deseemos, a excepción de la extensión, que deberá ser necesariamente .htm ó .html.

2. Para visualizar nuestro documento HTML abriremos el documento con el programa navegador.

Reglas de formato

Todos los navegadores usan unas reglas básicas para poder mostrar una página web con un buen formato:

El espacio en blanco es ignorado. Ya que un documento HTML puede estar en cualquier tipo de fuente y además la ventana del navegador puede ser de cualquier tamaño.

Las etiquetas pueden ser escritas en mayúsculas o en minúsculas. En todo caso se aconseja su escritura en mayúsculas para poder distinguirlas del texto normal.

Existe normalmente una etiqueta de inicio y otra de fin. La etiqueta de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. La etiqueta afectará por tanto a todo lo que esté incluido entre las etiquetas de inicio y fin. No obstante, existen algunas que no necesitan cierre, ya que en estas etiquetas se presupone su final, como por ejemplo;

párrafo,
salto de línea ó inclusión de una imagen.

Vemos un ejemplo en la Tabla 1.

Instrucción HTML	Resultado
Texto en negrita	Texto en negrita
Texto en cursiva	Texto en cursiva
Texto en negrita y cursiva	Texto en negrita y cursiva