LENGUAJE HTML

HTML (HyperText Markup Language ó Lenguage de Etiquetas de HiperTexto) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks ó hipervinculos) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...). Este lenguaje es el que se utiliza para presentar información en el World Wide Web. 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 (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 Internet Explorer o Mozilla Firefox).

Un documento HTML comienza con la etiqueta <>, y termina con < / html >. Dentro del documento hay dos zonas principales: el encabezamiento, delimitado por las marcas <> y < / HEAD >, que sirve para definir algunos valores válidos para todo el documento, y el cuerpo, delimitado por las etiquetas <> y < / BODY >, donde reside la información del documento.

El elemento <> contenido dentro del encabezamiento permite especificar el título de un documento HTML. Este título no forma parte del documento en sí pues no se ve en la pantalla principal, sino que sirve como título de la ventana del programa que la muestra.

Existen muchos otros elementos que se engloban dentro del encabezamiento pero para la estructura básica del lenguaje HTML en su nivel básico no son necesarios.

El cuerpo de un documento HTML contiene el texto, imágenes, etc. que, con la presentación y los efectos que se decidan, se presentarán ante el usuario. Dentro del cuerpo se pueden aplicar una serie de efectos a través de diferentes marcas o etiquetas (también otros autores las denominan "directivas").

Así pues, la estructura de un documento HTML es la siguiente:

<>

<>

<>Título de la página< / TITLE >

< / HEAD >

<>[Aquí se sitúan otras etiquetas que hacen posible visualizar la página]< / BODY >

< / HTML >

El texto puede tener unas cabeceras, comprendidas entre las etiquetas <> y < / H1 >, <> y < / H2 >, etc. (hasta el número 6), siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1.

Hay otras etiquetas como <>, para separar los distintos párrafos, la etiqueta de centrado <> y < / CENTER > que sirve para centrar todo lo que esté dentro de ella, ya sea texto, imágenes, etc. la etiqueta <> para obtener una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, etc.

Caracteres :

Cualquier cadena de caracteres imprimibles que no represente un marcado se representa literalmente, aunque los espacios y tabuladores se reducen a un solo carácter cuando no están dentro de un bloque preformateado.

Marcadores, marcas o etiquetas (tags) :

Los marcadores delimitan elementos de un documento como cabeceras, párrafos, etc. La mayoría de los marcadores constan de una marca inicial < ... > , que da el nombre y atributos del elemento, seguida del contenido ó secuencia de caracteres y una marca final< / ... >.

Las marcas iniciales se escriben entre los símbolos "<" y ">" (menor y mayor) y las finales entre "< /" y ">" (menor barra y mayor). Por ejemplo, <>Contenido< / H1 >, indica que "Contenido" es una cabecera de nivel uno.

Algunos elementos sólo tienen una marca inicial (por ejemplo la marca <> que representa una línea horizontal) y otros, aunque disponen de ambas, se suelen expresar sólo con la inicial. Nombres de etiquetas :

Los nombres consisten en una letra seguida de letras, dígitos, puntos o guiones. Los ejemplos H1 y HR anteriores son ejemplos de nombres de etiquetas. La longitud de un nombre esta limitada a 72 caracteres en la definición del HTML. Los nombres de elementos y atributos no distinguen entre mayúsculas y minúsculas, pero los nombres de entidades (la representación alternativa de los caracteres) sí.

En las marcas, el nombre del elemento debe comenzar inmediatamente después del <.

Atributos :

Cuando una marca inicial admite atributos, éstos se escriben a continuación del nombre del elemento. Generalmente los atributos tienen la forma nombre, signo igual, valor del atributo aunque en algunos casos basta con el nombre del atributo. Se pueden poner espacios en blanco antes y después del signo igual.

El valor de un atributo puede ser una cadena de caracteres entre comillas (simples o dobles) que no contenga el símbolo de fin de marca ">" o un nombre como los definidos en el apartado anterior. Por ejemplo, en < src="foto.gif">, img src es el nombre de la marca que se refiere a insertar una imagen en la página web; y "foto.gif" es el atributo que hace referencia al fichero específico de imagen que queremos incluir.

Comentarios :

Para incluir comentarios en HTML se emplea la declaración de comentarios. Una declaración de comentarios comienza con < !, le siguen uno o varios comentarios y termina con >. Cada comentario comienza con - - e incluye todo el texto hasta la siguiente aparición de - - . Dentro de una declaración de comentarios, se pueden poner espacios en blanco después de cada uno de ellos, pero no antes del primero. Toda la declaración del comentario se ignora. En páginas web complejas, con abundante código html, se utilizan estos comentarios para señalar partes de la página web que sirvan de orientación para ubicarse dentro del documento. Por ejemplo, en < ! - -Aquí empieza el texto- - > está señalando una parte de la página web en la que empieza el grueso del texto de la página.

Esta etiqueta se visualiza dentro del código html pero no tiene una traducción hacia el formato final. Es decir, no se visualiza en el navegador cliente y sólo se puede ver si utilizamos la opción Ver/Origen de la Página (en nuestro navegador)

<>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.

<>: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <> podemos encontrar:

<>: Define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana

<>: para vincular el sitio a hojas de estilo o iconos Por ejemplo:< rel="stylesheet" href=" / style.css" type="text / css">

<>: para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <>

<>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

<>, <>, <>, <>, <>, <>: encabezados o títulos del documento con diferente relevancia.

<>: define una tabla

<>: fila de una tabla

<>: celda de datos de una tabla

<>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: < href="http://www.blogger.com">Blogger< / a > se representa como Blogger)

<>: área de la página

<>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: < src="./imagenes/mifoto.jpg">

<><><>: Etiquetas para listas.

<>: texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta <>)

<>: texto en cursiva

<>: texto subrayado

La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/") tal como se muestra en los siguientes ejemplos:

<><><>Contenido de una celda< /td >< /tr >< /table >

<>Código de un script integrado en la página< /script >