Curso de HTML5 y CSS3
Páginas: 143 (35710 palabras)
Publicado: 23 de julio de 2015
Curso de HTML5 y CSS3
M. en C. Carlos Vladimir Luna Soto
Noviembre 2013
Impartido en: Secretaría de Finanzas del Distrito Federal
1. Documentos en HTML5
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 sonparte del mismo, HTML5
es considerado el producto de la combinación de HTML, CSS y Javascript. Estas tecnologías
son 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 que es extremadamente
significativo.
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.
1.1.
Estructura Global
Los documentos HTML se encuentran estrictamente organizados. Cada parte del
documento está diferenciada, declarada y determinada por etiquetas específicas. En esta
parte del capítulo vamos a ver cómo construir la estructura global de un documentoHTML
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 línea 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 soninterpretadas siempre que sea posible, o ignoradas en
caso contrario.
Luego de declarar el tipo de documento, debemos comenzar a construir la estructura
HTML. Como siempre, la estructura tipo árbol de este lenguaje tiene su raíz en el
elemento . Este elemento envolverá al resto del código:
Curso de HTML5 y CSS3
M. en C. Carlos Vladimir Luna Soto
1
Elatributo 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.
Conceptos bá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 y menor (porejemplo, ). 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 de cierre, y el contenido se declara entre ellas. En nuestro ejemplo,
etiquetas de apertura y cierre y verá que la de cierrese 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
elementos utilizados para construirla. El elemento puede ser incluido sin ningún
atributo o incluso ignorado completamente.
El códigoHTML insertado entre las etiquetas tiene que ser dividido entre dos
secciones principales. Al igual que en versiones previas de HTML, la primera sección es la
cabecera y la segunda el cuerpo. El siguiente paso, por lo tanto, será crear estas dos
secciones en el código usando los elementos y ya conocidos.
El elemento va primero, por supuesto, y al igual que el resto de...
M. en C. Carlos Vladimir Luna Soto
Noviembre 2013
Impartido en: Secretaría de Finanzas del Distrito Federal
1. Documentos en HTML5
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 sonparte del mismo, HTML5
es considerado el producto de la combinación de HTML, CSS y Javascript. Estas tecnologías
son 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 que es extremadamente
significativo.
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.
1.1.
Estructura Global
Los documentos HTML se encuentran estrictamente organizados. Cada parte del
documento está diferenciada, declarada y determinada por etiquetas específicas. En esta
parte del capítulo vamos a ver cómo construir la estructura global de un documentoHTML
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 línea 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 soninterpretadas siempre que sea posible, o ignoradas en
caso contrario.
Luego de declarar el tipo de documento, debemos comenzar a construir la estructura
HTML. Como siempre, la estructura tipo árbol de este lenguaje tiene su raíz en el
elemento . Este elemento envolverá al resto del código:
Curso de HTML5 y CSS3
M. en C. Carlos Vladimir Luna Soto
1
Elatributo 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.
Conceptos bá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 y menor (porejemplo, ). 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 de cierre, y el contenido se declara entre ellas. En nuestro ejemplo,
etiquetas de apertura y cierre y verá que la de cierrese 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
elementos utilizados para construirla. El elemento puede ser incluido sin ningún
atributo o incluso ignorado completamente.
El códigoHTML insertado entre las etiquetas tiene que ser dividido entre dos
secciones principales. Al igual que en versiones previas de HTML, la primera sección es la
cabecera y la segunda el cuerpo. El siguiente paso, por lo tanto, será crear estas dos
secciones en el código usando los elementos y ya conocidos.
El elemento va primero, por supuesto, y al igual que el resto de...
Leer documento completo
Regístrate para leer el documento completo.