introduccion de programacion en html5

DOCUMENTOS
HTML5
COMPONENTES BÁSICOS
HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue
declarado oficialmente pero, incluso cuando algunas APIs (Interface de Programación de
Aplicaciones) y la especificación de CSS3 por completo no son parte del mismo, HTML5 es
considerado el producto de la combinación de HTML, CSS y Javascript. Estas tecnologíasson
altamente dependientes y actúan como una sola unidad organizada bajo la especificación
de HTML5. HTML está a cargo de la estructura, CSS presenta esa estructura y su contenido
en la pantalla y Javascript hace el resto.
Más allá de esta integración, la estructura sigue siendo parte esencial de un
documento. La misma provee los elementos necesarios para ubicar contenido estático o
dinámico,y es también una plataforma básica para aplicaciones. Con la variedad de
dispositivos para acceder a Internet y la diversidad de interfaces disponibles para
interactuar con la Web, un aspecto básico como la estructura se vuelve parte vital del
documento. Ahora la estructura debe proveer forma, organización y flexibilidad, y debe ser
tan fuerte como los cimientos de un edificio.
Para trabajary crear sitios web y aplicaciones con HTML5, necesitamos saber primero

cómo esa estructura es construida.
Hazlo tú mismo: Crea un archivo de texto vacío utilizando tu editor de textos favorito
para probar cada código presentado en este documento. Esto te ayudará a recordar
las nuevas etiquetas HTML y acostumbrarte a ellas.
Conceptos básicos: Un documento HTML es un archivo de texto. Si noposees
ningún programa para desarrollo web, puedes simplemente utilizar el Bloc de Notas
de Microsoft Windows o cualquier otro editor de textos. El archivo debe ser grabado
con la extensión .html y el nombre que deseas (por ejemplo, micodigo.html).

ESTRUCTURA GLOBAL
Los documentos HTML se encuentran estrictamente organizados. Cada parte del
documento está diferenciada, declarada ydeterminada por etiquetas específicas. A
continuación se estudia cómo construir la estructura global de un documento HTML y los
nuevos elementos semánticos incorporados en HTML5.


En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en
HTML5 es extremadamente sencillo:


Importante: Esta línea debe ser la primera del archivo, sin espacios o líneas que la
precedan.De esta forma, el modo estándar del navegador es activado y las
incorporaciones de HTML5 son interpretadas siempre que sea posible, o ignoradas en
caso contrario.
Hazlo tú mismo: Puedes comenzar a copiar el código en tu archivo de texto y
agregar los próximos a medida que los vayas estudiando.


Luego de declarar el tipo de documento, debemos comenzar a construir la estructura HTML.
Comosiempre, la estructura tipo árbol de este lenguaje tiene su raíz en el elemento
. Este elemento envolverá al resto del código:
Documentos HTML5

2





El atributo lang en la etiqueta de apertura es el único atributo que
necesitamos especificar en HTML5. Este atributo define el idioma humano del contenido del
documento que estamos creando, en este caso es por español.
Conceptosbásicos: HTML usa un lenguaje de etiquetas para construir páginas web.
Estas etiquetas HTML son palabras clave y atributos rodeados de los signos mayor
que y menor que (por ejemplo, ). En este caso, html es la
palabra clave y lang es el atributo con el valor es. La mayoría de las etiquetas HTML
se utilizan en pares, una etiqueta de apertura y una etiqueta de cierre, y el contenido
se declara entreellas. En nuestro ejemplo, indica el comienzo
del código HTML y indica el final. Compara las etiquetas de apertura y
cierre y verás que la de cierre se distingue por una barra invertida antes de la palabra
clave (por ejemplo, ). El resto de nuestro código será insertado entre estas
dos etiquetas: ... .
Importante: HTML5 es extremadamente flexible en cuanto a la estructura y a los...