Introducción al HTML

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, con enlaces (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 se debe poner cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializad.

Cómo Especificar Efecto de 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 el efecto o unidad lógica que se desea. Las etiquetas están formadas por determinados códigos metidos entre los signos <>, 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, cuando queremos 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, caso de ser necesaria, queda como antes: .

Estructura Básica del HTML

Un documento HTML comienza con la etiqueta <> , y termina con < / html >. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: elencabezamiento, se delimitado por <> y < / head >, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <> y < / body >, 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 HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado:

<>Manual práctico de HTML <  / title >

El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan, se presentará ante el hiperlector. Dentro del cuerpo son aplicables todos los efectos que se van a mencionar en el resto de esta guía. Dichos efectos se especifican exclusivamente a través de directivas.

En resumen, la estructura básica de un documento HTML queda de la forma siguiente:

<>
 <>
 <>  Título <  / title >
 < / head >
 <>
 Texto del documento, menciones a gráficos, enlaces, etc.
 <  / body  >
 <  / html  >

Estilo y Efecto Básicos.

Como ya hemos dicho, la estructura lógica del texto y los diferentes efectos que se le apliquen se especifican mediante directivas. En este punto vamos a repasar algunas de las más importantes. En cada uno de los casos que veremos, primero se presenta el texto original HTML, es decir, lo que nosotros editamos, con las directivas situadas en los lugares adecuados; y después se presenta el efecto que dicho texto fuente produce una vez que se interpreta y se representa con el programa adecuado.

Titulos

Mediante los títulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura básica.

<>Mucha importancia< / h1 >

Mucha importancia

<>Menos importancia< / h2 >

Menos importancia

<>Mucha menos importancia< / h3 >

Mucha menos importancia

ATRIBUTOS DEL TEXTO

Mediante estos atributos determinamos el estilo y el tipo de letra que tendrá la presentación del documento final.

El primero en el que nos deberíamos detener es el texto normal entendiendo como tal el que no tiene ninguna característica especial. Para definir un párrafo como normal no es necesario poner ninguna etiqueta. Lo único que hay que tener en cuenta, como ya se ha dicho antes, es que al presentar el documento se hace caso omiso de los espacios, tabulaciones, que se encuentren en el texto fuente. Por ello cuando se quiera forzar un final de línea es necesario utilizar dos directivas especiales: <> < / P > para marcar un fin de párrafo, y <> para un único retorno de carro. La diferencia entre ambas es que la separación de líneas que provoca <> es algo mayor que la de <>, para que los párrafos se distingan bien entre sí. Las dos directivas mencionadas se sitúan en el punto en que queremos poner la separación. Por ejemplo:

Este será un texto normal (párrafo 1, línea 1).<>
 El primer párrafo estará formado por 2 líneas (párrafo 1, línea 2).<>
 Este ya es el segundo párrafo (párrafo 2, línea 1).<>