Este documento describe los pasos para estructurar una página web básica. Presenta 8 pasos que incluyen agregar un título, modificar el color de fondo y texto del cuerpo, dividir el título con una línea horizontal, ubicar líneas horizontales a los lados y al centro con diferentes tamaños y colores, y agregar texto debajo de las líneas. El documento proporciona comentarios explicativos para cada paso.
1. Colegio Nacional Nicolas Esguerra
Estudiantes:
Santiago Montoya Zuluaga.-23
David Leonardo Mora Luna.-24
Curso:
906. J.M.
Estructura de una página web II
2. COLEGIO NACIONAL NICOLAS ESGUERRA
1. En este primer paso escribimos el título de nuestra pagina web.
3. 2. En este segundo paso modificamos la etiqueta <Body> para agregarle el color
de letra y fondo de la página web.
3. En este tercer paso agregamos la etiqueta <HR> para dividir el título en título
y subtitulo.
4. 4. En el cuarto paso ubicamos una linea horizontal izquierda modificando la
etiqueta <HR>
5. En este paso modificamos la etiqueta<HR> para enviar la línea al lado derecho
5. 6. En este sexto paso pusimos la línea con mayor tamaño y en el lado central,
modificando de nuevo la etiqueta<HR> al 100% y central.
6. 7. Después agregamos debajo de la etiqueta<HR> “BIENVENIDOS AL
CAMPUS VIRTUAL” quedando como texto.
8. Después duplicamos en la etiqueta <HR> la línea y cambiándole su tamaño y
color.
7. <HTML> Comentario [E1]: Hace referencia al
lenguaje demarcado predominante para la
elaboración de páginas web.
<HEAD>
Comentario [E2]: Se utiliza para
agrupar en ella la información
<TITLE>MONTOYA & MORA NE-906 </TITLE>
Comentario [E3]: Agregamos en las
etiquetas <TITLE> el nombre de los
</HEAD> estudiantes
<BODY BGCOLOR="GREEN" TEXT="YELLOW"> Comentario [E4]: En el agregamos el
color del texto y el color del fondo
COLEGIO NACIONAL NICOLAS ESGUERRA <BR>
"EDIFICAMOS FUTURO" Comentario [E5]: En esta etiqueta
<BR>agregamos el título y el subtitulo
<HR ALIGN= "LEFT" WIDTH="100%" SIZE="5" COLOR="GRAY" SIN>
<HR ALIGN= "LEFT" WIDTH="100%" SIZE="5" COLOR="GRAY" SIN> Comentario [E6]: En esta etiqueta
<HR> agregamos las líneas el color y su
tamaño
BIENVENIDOS AL CAMPUS VIRTUAL
Comentario [E7]: Después de la
etiqueta <HR> agregamos una parte del
</BODY> texto
Comentario [E8]: Contiene la
</HTML> información propia de la página web