1. HTML
« HTML, siglas de HyperText Markup Language («lenguajede marcas de
hipertexto»), hace referencia al marcado para la elaboración de páginas web.
Es un estándar que sirvede referencia para la elaboración de páginas web en
sus diferentes versiones, define una estructura básicay 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, sobretodo 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 sehace
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 buscaser 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, sehan 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 (PCde escritorio, portátiles, teléfonos inteligentes, tabletas,
etc.). Sin embargo, para interpretar correctamente una nueva versión de
HTML, los desarrolladores denavegadores web deben incorporar estos
cambios y el usuario debe ser capaz de usar la nueva versión del navegador
con los cambios incorporados. Normalmentelos 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 InternetExplorEr. Un
navegador no actualizado no será capaz de interpretar correctamenteuna
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
2. no siempre secumple. 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 amigosy, a menudo reducido a sólo HTML5.
Diseñado para ser utilizable por todos los desarrolladores deOpen Web, esta
referencia página enlaza numerosos recursos sobrelas 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 comunicarsecon el servidor de formas
nuevas e innovadoras.
Desconectado y almacenamiento: permitea 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.
3. Gráficosy 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 hardwaredel equipo.
Dispositivo de Acceso: admite el uso de varios dispositivos deentrada y
salida.
Styling: deja a los autores escribir temas más sofisticados.
TABLA DE ETIQUETA DEHTML
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.
4. 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.