Sei sulla pagina 1di 5

Manual de diseo y programacin web

HTML5
HTML5 es el presente de la web y si no ests asimilando lo que est
pasando ya eres parte de la vieja generacin de desarrolladores. Eso
tendra que tenerte preocupado.
HTML5 es la actualizacin de HTML, el lenguaje en el que es creada la
web. HTML5 tambin es un trmino de marketing para agrupar las nuevas
tecnologas de desarrollo de aplicaciones web: HTML5, CSS3 y nuevas
capacidades de Javascript.
HTML5 no es una nueva versin del antiguo lenguaje de etiquetas, ni
siquiera una mejora de eta y a anti gua tecnologa, sino un nuevo
concepto para la construccin de sitios web y aplicaciones en una
era que combina dispositivos mviles, computacin en la nube y
trabajos en red.

Componentes bsicos
REALICE LO SIGUIENTE:
Cree un archivo de texto vaco utilizando su editor de textos
favorito(estaremos usando SUBLIME TEXT) para probar cada cdigo
presentado en este captulo. Esto lo ayudar a recordar las nuevas
etiquetas HTML y acostumbrarse a ellas.

<html> 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 raz en el elemento <html>. Este elemento
envolver al resto del cdigo:

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual de diseo y programacin web

El atributo lang en la etiqueta de apertura <html> 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 espaol
Conceptos bsicos: HTML usa un lenguaje de etiquetas para construir
pginas web. Estas etiquetas HTM son palabras clave y atributos
rodeados de los signos mayor y menor (por ejemplo, <html lang="es">).
En este caso, html es la palabra clave y lang es el atributo con el valor es.
La mayora 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, <html lang="es"> indica el comienzo del cdigo HTML
y </html> indica el final.

<head> El cdigo HTML insertado entre las etiquetas <html> tiene que
ser dividido entre dos secciones principales. La primera seccin es la
cabecera y la segunda el cuerpo.
El elemento <head> va primero, por supuesto, y al igual que el resto de
los elementos estructurales tiene una etiqueta de apertura y una de
cierre:

<body> La siguiente gran seccin que es parte principal de la


organizacin de un documento HTML es el cuerpo. El cuerpo representa
DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual de diseo y programacin web

la parte visible de todo documento y es especificado entre etiquetas


<body>.

<meta> Es momento de construir la cabecera del documento. Algunos


cambios e innovaciones fueron incorporados dentro de la cabecera,
y uno de ellos es la etiqueta que define el juego de caracteres
a utilizar para mostrar el documento. sta es una etiqueta <meta>
que especifica cmo el texto ser presentado en pantalla:

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual de diseo y programacin web

Conceptos bsicos:

Hay varios tipos de etiqueta <meta> que


pueden ser incluidas para declarar informacin general sobre el
documento, pero esta informacin no es mostrada en la ventana
del navegador , es solo importante para motores de bsqueda y
dispositivos que necesitan hacer una vista previa del documento u
obtener un sumario de la informacin que contiene.

<title> La etiqueta <title>, como siempre, simplemente especifica el


ttulo del documento.

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Manual de diseo y programacin web

Conceptos bsicos: El texto entre las etiquetas <title> es el ttulo del


documento que estamos creando.
Normalmente este texto es mostrado en la barra superior de la ventana
del navegador.

<link> Otro importante elemento que va dentro de la cabecera del


documento es <link>. Este elemento es usado para incorporar estilos,
cdigos Javascript, imgenes o iconos desde archivos externos. Uno de
los usos ms comunes para <link> es la incorporacin de archivos
con estilos CSS

Conceptos bsicos: Un archivo de estilos es un grupo de reglas de


formato que ayudarn a cambiar la apariencia de nuestra pgina
web (por ejemplo, el tamao y color del texto). Sin estas reglas, el texto
y cualquier otro elemento HTML sera mostrado en pantalla utilizando
los estilos estndar provistos por el navegador.

DOCENTE: MAURO JUBER QUISPE PARICAHUA

Potrebbero piacerti anche