HTML« HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.

El lenguaje HTML basa su filosofía de desarrollo en la referenciarían. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.

Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial Internet ExplorEr. Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que

no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web.

HTML5

HTML5 DEMOS

Una colección de demos que muestran las últimas tecnologías HTML en acción.

HTML5 es la última evolución de la norma que define HTML. El término representa dos conceptos diferentes

Se trata de una nueva versión del lenguaje HTML, con nuevos elementos, atributos y comportamientos,

y un conjunto más amplio de tecnologías que permite a los sitios Web y las aplicaciones más diversas y de gran alcance. Este conjunto se le llama HTML5 y amigos y, a menudo reducido a sólo HTML5.Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta referencia página enlaza numerosos recursos sobre las tecnologías de HTML5, que se clasifican en varios grupos según su función.

Semántica: lo que le permite describir con mayor precisión cuál es su contenido.

Conectividad: lo que le permite comunicarse con el servidor de formas nuevas e innovadoras.

Desconectado y almacenamiento: permite a páginas web almacenar datos, localmente, en el lado del cliente y operar fuera de línea de manera más eficiente.

Multimedia: permite hacer vídeo y audio de ciudadanos de primera clase en la Web abierta.

Gráficos y efectos 2D/3D: permite una gama mucho más amplia de opciones de presentación.

Rendimiento e Integración: proporcionar una mayor optimización de la velocidad y un mejor uso del hardware del equipo.

Dispositivo de Acceso: admite el uso de varios dispositivos de entrada y salida.

Styling: deja a los autores escribir temas más sofisticados.

TABLA DE ETIQUETA DE HTML

Atributos Valor Descripción

class nombre de la clase

Asigna un nombre de clase.El atributo class actúa:

Como selector para las hojas de estilo(CSS), cuando se asigna información de estilo a un conjunto de elementos.

Para procesos generales por parte del usuario.

id nombre Asigna un nombre a un elemento.El atributo id actúa:

Como selector para las hojas de estilo(CSS). Como vínculo destino para vínculos de hipertexto. Como medio de hacer referencia a un elemento en

particular desde un script. Como nombre de un elemento object declarado. Para procesos generales por parte del usuario.

style estilo Este atributo especifica información de estilo para el elemento actual.

title nombre Este atributo ofrece información consultiva sobre el elemento para el cual se establece.

dir ltr o rtl Especifica la dirección del texto.Valores posibles:

ltr : De izquierda a derecha (left to right). rtl : De derecha a izquierda (right to left).

lang código de lenguaje

Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento.El atributo lang es útil para:

Ayudar a los motores de búsqueda. Ayudar a los sintetizadores de voz. Ayudar al agente de usuario a hacer decisiones sobre

separación de palabras, ligaduras, y espaciado.

Ayudar a los verificadores de ortografía y gramática.

Evento Valor Descripción

onkeydown script El script corre cuando se pulsa una tecla.

onkeypress script El script corre cuando se pulsa y se suelta una tecla.

onkeyup script El script corre cuando una tecla se suelta.

onclick script El script corre cuando se hace clic con el mouse.

ondblclick script El script corre cuando se hace doble clic con el mouse.

onmousedown script El script corre cuando el botón del mouse se pulsa cuando está encima de un elemento.

onmousemove

script El script corre cuando el mouse se mueve mientras está sobre un elemento.

onmouseout script El script corre cuando el mouse se aparta de un elemento.

onmouseover script El script corre cuando el mouse se sitúa sobre un elemento.

onmouseup script El script corre cuando el botón del mouse se suelta cuando está encima de un elemento.