Redes

Tutorial HTML 1 http://www.um.es/psibm/tutorial/

CONTENIDOS

Introducción
La Estructura básica del documento HTML
Allá vamos...
• 1. Comandos básicos
o 1.1. Saltos de línea
o 1.2. Tipos de letra
o 1.3. Cabeceras
o 1.4. Listas
▪ 1.4.1. Listas ordenadas
▪ 1.4.2. Listas no ordenadas
▪ 1.4.3.Listas de definición
o 1.5. Otros comandos básicos
▪ 1.5.1. Alineación de párrafos
▪ 1.5.2. Intermitencia o parpadeo de texto
▪ 1.5.3. Separadores horizontales
• 2. Imágenes
o 2.1. Imágenes alineadas en el texto
o 2.2. Imágenes no alineadas con el texto
o 2.3. Imágenes con texto alternativo
• 3. Enlaceso 3.1. Enlaces a recursos externos
o 3.2. Enlaces a partes de un documento
• 4. Tablas
• 5. Funciones especiales
o 5.1. Tamaños de letra
o 5.2. Definición del cuerpo de la página (colores y fondos)
o 5.3. Formularios para la captura de datos
• 6. Recomendaciones
[pic]

Introducción

HTML es un lenguaje de programación que seutiliza para la creación de páginas en la WWW. Por página entenderemos el documento que aparece en el visualizador.

HTML se compone de una serie de comandos, que son interpretados por el visualizador, o programa que utilizamos para navegar por el WWW. En última instancia es el visualizador el que ejecuta todas las órdenes contenidas en el código HTML, de forma que un visualizador puede estarcapacitado para unas prestaciones, pero no para otras. Así, podremos especificar que una página tenga una imagen de fondo, o un texto parpadeando, pero si nuestro visualizador no está capacitado para esas funciones, no podremos comprobarlas.

En este tutorial se expondrán los comandos fundamentales de la programación HTML. Para hacer comprensible estos comandos, indicaré por una parte, lassecuencias de comandos y por otra el resultado de dichas secuencias, de la siguiente forma:

|Código HTML |
|secuencia de comandos |
|Visualización |
|secuencia de comandos |

Los comandos HTML tienen una estructura muy básica. Son órdenes, algunas de una sola letra,contenidas entre los signos < y >. Con frecuencia, los comandos tienen una función de inicio y otra de fin.

La estructura base del documento HTML [T]

Es recomendable que todo fichero HTML siga la siguiente estructura:

Título de la ventana

......comandos y texto......

Como puedes comprobar, estos comandos tienen una orden de inicio y otra de fin, que no es más que el mismo comando con elsigno / antecediéndolo. Los comandos pueden figurar en letras mayúsculas o en minúsculas, indistintamente. La secuencia lógica de estas órdenes es la siguiente:
• Inicio de un documento HTML
• Inicio del título.
• Título (que conviene poner para identificar la página de cara al visitante).
• Final del título.
• Inicio del cuerpo de la página, esto es, de aquello que queremosvisualizar.
• Fin del cuerpo de la página.
• Fin del documento HTML.

Allá vamos... [T]

Ya podemos iniciar el trabajo con HTML. Necesitas dos herramientas, un visualizador de HTML (son populares los productos Netscape o Mosaic), y un editor de texto, como el bloc de notas (notepad) de Windows. También se puede utilizar un procesador de textos, pero los documentos deberánalmacenarse en modo texto (ASCII ó ANSI).

Cuando almacenes un fichero, es conveniente que le pongas por extensión (.htm), que es el tipo de fichero que por defecto buscará el visualizador (aunque puede visualizar ficheros con otra extensión). Para visualizar un fichero, utiliza la orden Open File del menú File de tu visualizador. Siempre que realices una modificación en el código y la almacenes en el...