Estructura HTML II
0 recomendaciones227 vistas
Este documento presenta el código HTML de una página web básica para el Colegio Nacional Nicolás Esguerra. La página incluye un título, cuerpo con el nombre de la escuela y mensaje de bienvenida, y dos líneas horizontales para separar el texto. El código demuestra cómo modificar atributos como el color de fondo, color del texto, alineación, tamaño y ancho de las líneas horizontales. El documento también incluye comentarios explicativos sobre cada elemento y etiqueta HTML utilizada.
![Código con etiqueta <hr> modificado, align: center, color: pink, size: 15, y width:
85%
COMENTARIOS
<html> Comentario [E1]: Este es el comienzo
de un archivo *.html
<head>
<title> Lopez Rios & Holguin Torres - 904NE </title> Comentario [E2]: La etiqueta <head>
se le da el inicio al “comienzo” de la página
</head>
<body bgcolor="green" text="yellow"> Comentario [E3]: La etiqueta <body>
es el comienzo del “cuerpo” del archivo, y
COLEGIO NACIONAL NICOLAS ESGUERRA <br> si este tiene los atributos bgcolor y text
"Edfificamos Futuro" cambiaría el color de fondo de la página y
el color de la letra
<hr align="center" color="pink" size="15" width="80%">
BIENVENIDOS AL CAMPUS VIRTUAL NE Comentario [E4]: La etiqueta <br>
funciona para dar espacio aparte al texto
<hr align="center" color="pink" size="15" width="80%">
Comentario [E5]: La etiqueta <hr>
</body> funciona para colocar un separador al texto
</html> y si este tienes los atributos align, color,
size y width cambiaría la alineación, el
color, el tamaño y el ancho
Comentario [E6]: Termina la etiqueta
<body>
Comentario [E7]: Con este terminamos
la página web ó el archivo *.html](https://image.slidesharecdn.com/estructurahtmlii-121018075247-phpapp02/85/Estructura-HTML-II-5-320.jpg)
Estructura HTML II
- 1. COLEGIO NACIONAL NICOLAS ESGUERRA “Edificamos Futuro” ESTRUCTURA DE UNA PAGINA WEB II Estudiantes: Daniel Fernando López Ríos 08 904JM Juan Diego Holguín Torres 06 Código: <html> <head> <title> Lopez Rios & Holguin Torres - 904NE </title> </head> <body> COLEGIO NACIONAL NICOLAS ESGUERRA "Edfificamos Futuro" </body> </html> GUARDADO COMO *.html
- 2. Después del guardado Código modificado en la etiqueta <body> con color de texto y fondo
- 3. Código con etiqueta <hr> “separador” SEPARADOR DE TEXTOS Código con etiqueta <hr> modificado, align: left, size: 15, y width: 25%
- 4. Código con etiqueta <hr> modificado, align: right, size: 10, y width: 50% Código con etiqueta <hr> modificado, align: center, size: 5, y width: 75%
- 5. Código con etiqueta <hr> modificado, align: center, color: pink, size: 15, y width: 85% COMENTARIOS <html> Comentario [E1]: Este es el comienzo de un archivo *.html <head> <title> Lopez Rios & Holguin Torres - 904NE </title> Comentario [E2]: La etiqueta <head> se le da el inicio al “comienzo” de la página </head> <body bgcolor="green" text="yellow"> Comentario [E3]: La etiqueta <body> es el comienzo del “cuerpo” del archivo, y COLEGIO NACIONAL NICOLAS ESGUERRA <br> si este tiene los atributos bgcolor y text "Edfificamos Futuro" cambiaría el color de fondo de la página y el color de la letra <hr align="center" color="pink" size="15" width="80%"> BIENVENIDOS AL CAMPUS VIRTUAL NE Comentario [E4]: La etiqueta <br> funciona para dar espacio aparte al texto <hr align="center" color="pink" size="15" width="80%"> Comentario [E5]: La etiqueta <hr> </body> funciona para colocar un separador al texto </html> y si este tienes los atributos align, color, size y width cambiaría la alineación, el color, el tamaño y el ancho Comentario [E6]: Termina la etiqueta <body> Comentario [E7]: Con este terminamos la página web ó el archivo *.html