2° pagina web html5

3

Click here to load reader

Upload: sonia-fernanda-idrobo-idrobo

Post on 12-Jul-2015

190 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 2° pagina web html5

2° PAGINA WEB EN HTML5 Lo primero que hacemos es abrir notepad++ y empezamos colocando

DOCTYPE de la siguiente manera <! DOCTYPE> y luegoseguimos con HTML.

a continuación seguimos con nuestra página, utilizando la siguiente

abreviación, en donde podemos explicar para que sirve cada una de ellas ya

que en esta al ejecutar la página no se va a ver <!—esto no se ve-->.

luego para guardarla la guardamos en una carpeta que diga ensayo y

Page 2: 2° pagina web html5

dentro de ella escultura en mi caso porque puede ser cualquier otro

nombre.

El paso siguiente ya es colocar las siguientes abreviaturas:

HEAD: es el título de la pestaña en el navegador

BODY: es el div agrupa una serie de elementos que van a ser cambiados

por el maqueteador css

P: para poner texto a la pagina

HEADER: es etiqueta de html5

NAV: empleamos un menú para poder navegar empleando el Tag nav

UL: lista no ordenada de nuestro menú

ASIDE: para los bloques tanto de la izquierda a la derecha se emplea el

Tag aside

FOOTER: el pie de página se escribe con Tag footer

Luego de poner las anteriores abreviaturas, nos quedara una magina de la

siguiente manera.

Page 3: 2° pagina web html5

Tenemos que tener en cuenta que lo de color verde no se mira al ejecutar la

página web. Finalmente al ejecutar la página nos va a quedar de la

siguiente manera.

La anterior página solo fue una muestra para explicar algo sobre HTML pero

a medida de ir aprendiendo podemos meternos en el cuento e diseñando

nuestra propia pagina web.