HTML

yperText Markup Languaje (Lenguaje de marcado de hipertexto) es el

lenguaje con el que se definen las páginas Web. Básicamente se trata de

un conjunto de etiquetas que sirven para definir el texto y otros elementos que

compondrán una página Web. Hace referencia al lenguaje de marcado

predominante para la elaboración de páginas Web que se utiliza para describir

y traducir la estructura y la información en forma de texto, así como para

complementar el texto con objetos tales como imágenes. El HTML es un

lenguaje de marcación de elementos para la creación de documentos

hipertexto, muy fácil de aprender, lo que permite que cualquier persona,

aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear

una Web. HTML es fácil y de dominio simple. Se trata de un formato abierto

que surgió a partir de las etiquetas SGML (Standard Generalized Markup

Language). Concepto traducido generalmente como “Estándar de Lenguaje de

Marcado Generalizado” y que se entiende como un sistema que permite

ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es

el que se utiliza para especificar los nombres de las etiquetas que se utilizarán

al ordenar, no existen reglas para dicha organización, por eso se dice que es

un sistema de formato abierto.

H

El HTML se creó en un principio con objetivos divulgativos de información con

texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear

área de ocio y consulta con carácter multimedia (lo que es actualmente la

Web), de modo que, el HTML se creó sin dar respuesta a todos los posibles

usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en

un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido

incorporando modificaciones con el tiempo, estos son los estándares del

HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el

último estándar a febrero de 2001. Actualización a mayo de 2005, en estos

momentos está apunto de presentarse la versión 5 de HTML, de la que ya se

tiene un borrador casi definitivo.

Historia

ste lenguaje fue desarrollado por la Organización Europea de

Investigación Nuclear (CERN) en el año 1945 con la finalidad de

desarrollar un sistema de almacenamiento donde las cosas no se perdieran,

que pudieran ser conectadas a través de hipervínculos. Primeramente crearon

un dispositivo llamado “Memex”, el cual era considerado como un suplemento

para la memoria.

E

Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por

computadora que recibiría el nombre de Online Systems que poseía un

catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo.

Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una

estructura que se encontraba conectada de forma electrónica y que más tarde

permitiría la creación de la World Wide Web (1989), un sistema de hipertexto a

través del cual era posible compartir una variada información sirviéndose de

Internet (servía para la comunicación entre investigadores nucleares que

formaran parte del CERN).

El norteamericano Tim Berners-Lee fue el primero en proponer una descripción

de HTML en un documento que publicó en 1991. Allí describía veintidós

componentes que suponen el diseño más básico y simple del HTML.

El tipo de codificación que se utilizó para el desarrollo de este sistema de

hipervínculos debía ser comprendido, tanto por ordenadores tontos como por

mega-estaciones, por eso fue necesario crear uno absolutamente simples,

tanto en lo que respectaba al lenguaje de intercambio (HTML), como el que

hacía referencia al protocolo de red (HTTP).

Al día de hoy existen los Editores Web que permiten que los diseñadores, a

través de herramientas gráficas que reciben el nombre de WYSIWYG puedan

crear páginas Web sin conocer el código HTML, este se crea de forma

automatizada, dándole estructura a la Web y permitiendo que sea más allá del

ordenador donde es creada. Entre los recursos que pueden enlazarse al código

HTML se encuentran fotografías, vídeos, archivos de otras webs o incluso de la

misma y todo tipo de contenido que se encuentre subido a la red.

La primera descripción de HTML disponible públicamente fue un documento

llamado: HTML Tags (Etiquetas HTML), publicado por primera vez en Internet

por Tim Berners-Lee en 1991, donde describe 22 elementos que incluyen el

diseño inicial y relativamente simple de HTML.

Etiquetas

<!DOCTYPE>Es la primera parte de una página Web, aún antes que la etiqueta <HTML>.

Le indica al navegador que especificación de HTML se está utilizando

<HTML></HTML>

Abre y cierra un documento HTML

<head></head>

Encabezado de la página - aquí se coloca titulo, metatags, e información para

buscadores entre otras cosas. Está información no es visible.

<body></body>

Dentro de esta etiqueta va toda la parte visible de la página Web.

Etiquetas del Encabezado<title></title>

El título de la página Web.

Atributos de la etiqueta Body<body bgcolor=?>

Configura el color de fondo de la página, usando el valor del código de color

hexadecimal.

<body text=?>

Configura el color por defecto del texto, usando el valor del código de color

hexadecimal.

<body link=?>

Configura el color de las ligas, usando el valor del código de color hexadecimal.

<body vlink=?>

Configura el color de las ligas visitadas, usando el valor del código de color

hexadecimal

<body alink=?>

Configura el color de las ligas al darle clic, usando el valor del código

hexadecimal.

Etiquetas HTML de Texto<pre></pre>

Texto pre-formateado

<hl></hl>

Título más grande

<h6></h6>

Título más pequeño

<b></b>

Negritas

<u></u>

Subrayado

<i></i>

Cursivas

<tt></tt>

Tipo máquina de escribir

<cite></cite>

Cita, en cursiva

<em></em>

Resalta una palabra, negrita o cursiva

<strong></strong>

Resalta una palabra o grupo de palabras

<font face=?></font>

Coloca el tipo de letra: por ejemplo, Arial, verdana, courier, etc.

<font size=?></font>

Coloca tamaño de letra, de 1 a 7

<font color=?></font>

Configura el color, usando valor hexadecimal o nombre directo (blue, green,

etc.)

Ligas<a href="URL"></a>

Hipervínculo

<a href="mailto:EMAIL"></a>

Hipervínculo mailto (para envío de correo)

<a name="name"></a>

Ancla en el mismo documento

<a href="#name"></a>

Liga hacia algún lugar dentro del mismo sitio

Formato y presentación<p></p>

Nuevo párrafo

<p align=?>

Alinea el párrafo hacia la izquierda, derecha o al centro

<br>

Inserta un interlineado suave. Crea otra línea

<blockquote>

</blockquote>

Texto intentado de ambos lados

<dl></dl>

Lista de definiciones (glosario)

<dt>

Precede a cada término en definiciones

<dd>

Precede cada definición

<ol></ol>

Lista ordenada

<li></li>

Entrada en una lista

<ul></ul>

Lista con viñetas sin ordenar

<div align=?>

Para formato a porciones grandes del documento HTML, incluyendo hojas de

estilo

Elementos Gráficos<img src="name">

Incorpora una imagen

<img src="name" align=?>

Alinea la imagen: izquierda, derecha y centro

<img src="name" border=?>

Determina el contorno de la imagen. Un valor 0 no tendrá contorno

<map></map>

Mapa de imágenes

<body background="URL o ruta de archivo"></body>

Coloca la imagen como fondo de la página

<hr>

Línea horizontal

<hr size=?>

Tamaño de una línea horizontal

<hr width=?>

Ancho de línea horizontal, ya sea porcentaje o valor absoluto.

<hr noshade>

Línea horizontal sin sombra

Tablas<table></table>

Crea tabla

<tr></tr>

Crea filas en una tabla

<td></td>

Crea celda en una fila

<th></th>

Encabezado de tabla, texto normal, negrita y centrado