Manual html

MANUAL PRÁCTICO DE HTML

[pic]

INTRODUCCIÓN

Este manual pretende ser una introducción básica al lenguaje HTML, que permite escribir páginas de WWW. Su orientación es más bien práctica, por lo que no se han tenido en cuenta cuestiones como las diferentes versiones de HTML a las que pertenece cada directiva (lo cual resulta a veces más importante de lo que parece, porque implica que algunasdirectivas sólo funcionen con los programas de WWW más modernos: por ejemplo ).
Según creo, esta es una de las pocas (o la única) referencias sobre HTML escritas en castellano (que alguien me corrija si me equivoco). Para referencias más amplias (aunque en inglés) ver el final de esta página.
Mi agradecimiento a todas las personas que me han hecho llegar sus opiniones y consejos acerca de estemanual. En sucesivas versiones iré mejorándolo para sea todo lo útil y completo que espero que sea. Si quieres dejarme algún mensaje, puedes mandar correo electrónico a alvaro@etsit.upm.es.
[pic]

CONTENIDOS

• Qué es HTML
• Cómo especificar efectos del texto
• Estructura básica de un documento HTML
• Estilos y efectos básicos
o Títulos
o Atributos deltexto
o Listas
o Varios
• Enlaces y gráficos
o Introducción
o Qué es un URL
o Enlaces
o Gráficos
• Caracteres especiales
• Referencias
[pic]

QUÉ ES HTML

HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, conenlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...) La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc) así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde sedebe poner cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializado (como Mosaic, o Netscape).
[pic]

CÓMO ESPECIFICAR EFECTOS DEL TEXTO

La mayoría de los efectos se especifican de la misma forma: rodeando el texto que se quiere marcar entre dos etiquetas o directivas (tags, en inglés), que definen elefecto o unidad lógica que se desea. Las etiquetas están formadas por determinados códigos metidos entre los signos < y >, y con la barra / cuando se trata de la segunda etiqueta de un efecto (la de cierre). Por ejemplo: para abrir y para cerrar. Ciertas directivas sólo se ponen una vez en el lugar del texto donde queramos que aparezca el efecto concreto. Esto es lo que ocurre, por ejemplo, cuandoqueremos poner un gráfico, caso en el que se usa algo parecido a (más adelante ya veremos la directiva concreta que se utiliza).
A veces es necesario ofrecer datos adicionales en una directiva. Por ejemplo, cuando se define un hiperenlace hay que especificar su destino. Para ello se incluyen parámetros en la directiva inicial (la de apertura), de la siguiente forma: . La directiva de cierre, casode ser necesaria, queda como antes: .
Más adelante en el presente documento se muestra el efecto de las directivas más usadas en la creación de un documento HTML. Para cada una de ellas, primero se muestra el texto fuente, y bajo éste, el efecto que produce.
[pic]

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Un documento HTML comienza con la etiqueta , y termina con . Dentro del documento(entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por y , que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por y , donde reside la información del documento.
La única utilidad del encabezamiento en la que nos detendremos es la directiva , que permite especificar el título de un documento...