estructura de una pagina web 2

6
COLEGIO NACIONAL NICOLAS ESGUERRA “Edificamos Futuro” Estudiantes Curso Jonathan Naizaque y Sebastián Olarte 906 ESTRUCTURA DE LA PAGINA WEB 2 Esta pantalla se encuentra sin modificaciones. ATRIBUTOS DE LA ETIQUETA BODY

Upload: jonathannaizaque

Post on 26-Jul-2015

147 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Estructura de una pagina web 2

COLEGIO NACIONAL NICOLAS ESGUERRA

“Edificamos Futuro”

Estudiantes Curso

Jonathan Naizaque y Sebastián Olarte 906

ESTRUCTURA DE LA PAGINA WEB 2

Esta pantalla se encuentra sin modificaciones.

ATRIBUTOS DE LA ETIQUETA BODY

Page 2: Estructura de una pagina web 2

En esta pantalla colocamos el título y el fondo de color verde.

En esta pantalla le cambiamos el color de fuente a el titulo.

Page 3: Estructura de una pagina web 2

En esta pantalla agregamos <BR> para que el “Edificamos futuro” estuviera aparte.

En esta pantalla agregamos una línea a la izquierda de color blanca en tamaño 50% con el <HR>

Page 4: Estructura de una pagina web 2

En esta pantalla cambiamos el “left” por el “rigtl”, la línea quedo de color negro y un tamaño 75%.

En esta pantalla cambiamos el “rigtl” por “center”, el “black” por “blue” y su tamaño lo

agrandamos al 100%.

Page 5: Estructura de una pagina web 2

En esta pantalla cambiamos el “center” por el “left” y su color lo cambiamos de “blue” a “yellow”.

Por ultimo en esta pantalla agregamos dos líneas de color gris, cambiando el “yellow” por “gray” y

su tamaño al 100%

Page 6: Estructura de una pagina web 2

<HTML>

<HEAD>

<TITLE> NAIZAQUE Y OLARTE NE-906 </TITLE>

</HEAD>

<BODY BGCOLOR= "GREEN" text= "Yellow">

COLEGIO NACIONAL NICOLAS ESGUERRA <BR>

"Edificamos Futuro"

<HR Align= "left" width= "100%" size= "5" color="Gray" noshade>

<HR Align= "left" width= "100%" size= "5" color="Gray" noshade>

Bienvenidos al campus virtual

</BODY>

Comentario [E1]: Es el lenguaje con el que se escriben las paginas web para su debido funcionamiento

Comentario [E2]: Se utiliza para agrupar la información

Comentario [E3]: Es el título designado para la página web

Comentario [E4]: Es el color de fondo y el colo asignado a la fuentte

Comentario [E5]: Sirve para apartar el edificamos futuro

Comentario [C6]: Este código nos permite ajustar el color, el tamaño y donde queremos poner la linea

Comentario [C7]: Es la información que aparecerá en la pagina web

Comentario [C8]: Es el cuerpo de la pagina web