HTML

¿QUE ES HTML?

HTML es un lenguaje para definir la estructura de documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...) que este lenguaje permite definir mediante "tags" (Etiquetas). Cualquier cosa que no sea una tag es parte del documento mismo (Lee sobre el origen de HTML en la ayuda de XML). 

Este lenguaje no describe la apariencia de un documento sino que ofrece a cada plataforma la información para que le de formato según su capacidad y la de su navegador (tamaño de la pantalla, fuentes que tiene instaladas, etc.). Por eso es importante, diseñar los documentos con un contenido claro y bien estructurado que resulte fácil de leer y entender en cualquier navegador. 

Normalmente se utiliza un programa editor para dar formato a los documentos, como Frontpage, Dreamweaver, Amaya, u otro, de modo que no necesitás saber el código interno para crear una página, sin embargo, conviene tener una idea de como se estructura internamente un documento. 

Básicamente, los documentos escritos en HTML constan del texto mismo del documento y las "tags" que le dan formato. Por ejemplo: texto del documento . La tag del principio activa la instrucción, y la última (que será la del principio precedida del signo /) la desactiva. Como HTML no sigue fielmente los estandard del SGML, no todas las "tags" tienen principio y final pero esto es tema para más adelante.

Estructura básica de un documento en HTML

Las "tags" que describen la estructura general de un documento y dan una información sencilla sobre él son: 

Tablas

Las tablas surgieron con la versión HTML 3.0. Las tablas permiten representar y ordenar cualquier elemento en filas y columnas de modo de poder resumir grandes cantidades de información de una manera que puede representarse rápida y fácilmente.
Ponemos un ejemplo de ilustración:

Formularios 

Los formularios permiten, desde dentro de una presentación web, ingresar información al visitante. Una vez introducidos los valores en los campos habilitados, serán enviados a una URL (normalmente un cgi, php) donde se procesará toda esta información.

La declaración de formulario se delimita por las tags

y dentro de ellas se recogerán todas las variables de entrada. A la tag de apertura le acompañarán estos atributos:

action="" Entre comillas se indica el programa que va a tratar las variables enviadas con el formulario, un CGI, php, asp, o, simplemente "mailto" que enviará los datos al programa cliente de correo. Method="" Indica el método de transferencia de las variables. Post, si se envía a través del STDIO. Get, si se envía a través de la URL.

EVENTOS

Los eventos html nos permiten interactuar con la máquina así dependiendo de que resultado queramos obtener a una petición debemos de usar uno u otro además tendremos en cuenta los atributos de cada uno de ellos

A continuación hay una lista de los eventos disponibles para los estándares HTML 4.01 y XHTML 1.0.

• ONLOAD: el evento "onload" es lanzado cuando el agente de usuario termina de cargar una página o todos los marcos en un ser de marcos. Este evento es exclusivo de los elementos HTML body y HTML framset.
• ONUNLOAD: el evento "onunload" es disparado cuando el agente de usuario retira el documento de una ventana o marco. este evento es exclusivo de los elementos HTML body y HTML framset.
• ONCLICK: el evento "onclick" ocurre cuando se realiza un click sobre el elemento.
• ONDBLCLIK: el evento "ondblclick" es ejecutado cuando se hace un doble click sobre el elemento.
• ONMOUSEDOW: el evento "onmousedown" es lanzado cuando el botón del mouse es presionado sobre el elemento (independientemente de que sea soltado o no).
• ONMOUSEUP: el evento "onmouseup" es disparado cuando el botón del mouse se suelta sobre el elemento.
• ONMOUSEOVER: el evento "onmouseover" ocurre cuando el mouse es puesto sobre el elemento.
• ONMOUSEMOVE: el evento "onmousemove" es ejecutado cuando el mouse es movido mientras está sobre el elemento.
• ONMOUSEOUT: el evento "onmouseout" es lanzado cuando el mouse se quita de encima de un documento.
• ONFOCUS: el envento "onfocus" es disparado cuando un elemento recibe el enfoque, bien sea a través del mouse o por navegación tabulada. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque: HTML a, HTML area, HTML label, HTML input, HTML select, HTML textarea, y HTML button.
• ONBLUR: el evento "onblur" ocurre cuando el elemento pierde el enfoque bien sea a través del mouse o por navegación tabulada. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque.
• ONKEYPRESS: el evento "onkeypress" es ejecutado cuando una tecla es presionada y luego soltada mientras el elemento tiene el enfoque. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque.
• ONKEYDOWN: el evento "onkeydown" es lanzado cuando una tecla es presionada (independientemente de que sea solatada o no) mientras el elemento tiene el enfoque. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque.
• ONKEYUP: el evento "onkeyup" es disparado cuando una tecla es solatada mientras el elemento tiene el enfoque. Este evento es exclusivo de aquellos elementos que pueden recibir el enfoque.
• ONSUBMIT: el evento "onsubmit" ocurre cuando el formulario es enviado. Este evento es exclusivo del elemento HTML form.
• ONRESET: el evento "onreset" es ejecutado cuando el formulario es reestablecido a sus valores por defecto. Este evento es exclusivo del elemento HTML form.
• ONSELECT: el evento "onselect" es lanzado cuando un usuario selcciona texto en un campo de texto. Este evento es exclusivo de los elementos HTML input y HTML textarea.
• ONCHANGE: el evento "onchange" es disparado cuando un control pierde el enfoque y su valor ha sido modificado desde que recibió el enfoque por última vez. Este evento es exclusivo de los elementos HTML input, HTML select y HTML textarea.