1. COLEGIO NACIONAL NICOLAS ESGUERRA
“Edificamos futuro”
Estudiantes: santiago torres galindo--sebastian torres quijano
ESTRUCTURA DE UNA PAGINA WEB II
1) Abrimos el block de notas y colocamos los respectivos codigos , guardamos el block de
notas como index.html . Al volverlo abrir nos dara el siquiente resultado:
2. ATRIBUTOS DE LA ETIQUETA <BODY>
2) En la etiqueta <body> la modificamos escribiendo bgcolor=”green” para cambiar el color
de fondo de pantalla
3) Modificamos la etiqueta <body> colocando text=”yellow” para modificar el color del texto
3. 4) Creamos una nueva etiqueta luego del texto que se llamara<br> la cual separa el texto
deseado
5) Creamos nuevamente una etiqueta llamada<hr> en donde colocaremos una línea,
editando aquella etiqueta de diferentes formas ejm: <hr align="left" width="100%"
Size="5" color="gray"noshade >. Esto cambia el color , tamaño o grosor de aquella línea
4. Center
6) Modificamos La etiqueta <hr>, left por center lo cual ubicara la línea en el centro
15
Aquí modificamos el numero”5” por el “15” lo cual mofica el grosor de la linea
5. Blue
Al editar blue cambiamos el color de la line por ejemplo si colocamos yelow la line se volverá
amarilla
7. <body bgcolor="green" text="yellow"> Comentario [U1]: Aquí podemos editar
el color del fondo de la pantalla como
vemos escribiendo “Green” y también
Colegio nacional Nicolás esguerra <BR> podemos editar el color del texto
Comentario [U2]: Con este código <br>
"edificamos futuro" sirve para dividir un texto de otro
<hr align="left" widtH="100%" Size="5" color="gray “noshade > Comentario [U3]: Esto edita el color la
anchura y el lugar de la linea
<hr align="left" widtH="100%" Size="5" color="gray “noshade >
Bienvenidos al campus virtual
</Body>
</Html>