1. INSTITUTO TECNOLÓGICO DE NOR-ORIENTE
“ITECNOR”
Perito Industria Alimentaria
Informática II
Dubley Omar SandovalHernández
HTML
MoralesMata, Dulce María
5to. Sección “B”
PIA
25-02-2015
2. 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.
3. 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
4. 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.
5. 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.