Pagina web con doctype

3

Click here to load reader

Transcript of Pagina web con doctype

Page 1: Pagina web con doctype

PAGINA WEB CON DOCTYPE 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: Pagina web con doctype

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: Pagina web con doctype

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.