SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
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
COLEGIO NACIONAL NICOLAS ESGUERRA



  1. En este primer paso escribimos el título de nuestra pagina web.
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. 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
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.
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.
<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

Más contenido relacionado

La actualidad más candente (16)

Colegio Nacional Nicolas Esguerra
Colegio Nacional Nicolas EsguerraColegio Nacional Nicolas Esguerra
Colegio Nacional Nicolas Esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Estructura para la pagina web 1 zanabria
Estructura para  la pagina web  1 zanabriaEstructura para  la pagina web  1 zanabria
Estructura para la pagina web 1 zanabria
 
Estructura de una página web 2
Estructura de una página web 2Estructura de una página web 2
Estructura de una página web 2
 
Trabajo estructura basica web II
Trabajo estructura basica web IITrabajo estructura basica web II
Trabajo estructura basica web II
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
R&d
R&dR&d
R&d
 
Estructura Página Web 2
Estructura Página Web 2Estructura Página Web 2
Estructura Página Web 2
 
12236544
1223654412236544
12236544
 
Html
HtmlHtml
Html
 
Trabajo practico nº3
Trabajo practico nº3Trabajo practico nº3
Trabajo practico nº3
 
Movie Maker
Movie MakerMovie Maker
Movie Maker
 
Html
HtmlHtml
Html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Etiquetas básicas HTML
Etiquetas básicas HTMLEtiquetas básicas HTML
Etiquetas básicas HTML
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 

Destacado

Parte 2 continuación
Parte 2 continuaciónParte 2 continuación
Parte 2 continuaciónflakitasmartp
 
Gps impress
Gps impressGps impress
Gps impressevarp17
 
Ciclo de conferencias sobre fitomedicina
Ciclo de conferencias sobre fitomedicinaCiclo de conferencias sobre fitomedicina
Ciclo de conferencias sobre fitomedicinaedgarsan89
 
Nuevas carreras de la una año 2012
Nuevas carreras de la una año 2012Nuevas carreras de la una año 2012
Nuevas carreras de la una año 2012zamanthag_una
 
Movimientos artísticos del siglo xx
Movimientos artísticos del siglo xxMovimientos artísticos del siglo xx
Movimientos artísticos del siglo xxbarbara_vasquez_gaete
 
CENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃO
CENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃOCENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃO
CENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃOartemiselima
 
Ciénega la caimanera
Ciénega la caimaneraCiénega la caimanera
Ciénega la caimanera3135924903
 
Plano Binásio - Insidevox
Plano Binásio - InsidevoxPlano Binásio - Insidevox
Plano Binásio - Insidevoxguest63601
 
Mini Europe Parquedas Miniaturas Bruxelas
Mini Europe Parquedas Miniaturas BruxelasMini Europe Parquedas Miniaturas Bruxelas
Mini Europe Parquedas Miniaturas BruxelasJuan García
 
In Net - Como cuidar de um perfil empresarial nas mídias sociais?
In Net - Como cuidar de um perfil empresarial nas mídias sociais?In Net - Como cuidar de um perfil empresarial nas mídias sociais?
In Net - Como cuidar de um perfil empresarial nas mídias sociais?Leonardo Cabral
 
SEO para pequenas empresas - Wattzup
SEO para pequenas empresas - WattzupSEO para pequenas empresas - Wattzup
SEO para pequenas empresas - WattzupLeonardo Cabral
 

Destacado (18)

Parte 2 continuación
Parte 2 continuaciónParte 2 continuación
Parte 2 continuación
 
Gps impress
Gps impressGps impress
Gps impress
 
Ciclo de conferencias sobre fitomedicina
Ciclo de conferencias sobre fitomedicinaCiclo de conferencias sobre fitomedicina
Ciclo de conferencias sobre fitomedicina
 
Nuevas carreras de la una año 2012
Nuevas carreras de la una año 2012Nuevas carreras de la una año 2012
Nuevas carreras de la una año 2012
 
Boletin marzo
Boletin marzoBoletin marzo
Boletin marzo
 
pwp1-Historia
pwp1-Historiapwp1-Historia
pwp1-Historia
 
Movimientos artísticos del siglo xx
Movimientos artísticos del siglo xxMovimientos artísticos del siglo xx
Movimientos artísticos del siglo xx
 
Presentación upb pdf
Presentación upb pdfPresentación upb pdf
Presentación upb pdf
 
Matriz
MatrizMatriz
Matriz
 
CENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃO
CENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃOCENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃO
CENTROS RURAIS DE INCLUSÃO SÓCIO-DIGITAL: UMA (RE) SISTEMATIZAÇÃO
 
Ciénega la caimanera
Ciénega la caimaneraCiénega la caimanera
Ciénega la caimanera
 
Cruda arte
Cruda arteCruda arte
Cruda arte
 
Plano Binásio - Insidevox
Plano Binásio - InsidevoxPlano Binásio - Insidevox
Plano Binásio - Insidevox
 
Estacio Conference Phoenix 20080319 Pt
Estacio Conference Phoenix 20080319 PtEstacio Conference Phoenix 20080319 Pt
Estacio Conference Phoenix 20080319 Pt
 
Tarea 2
Tarea 2Tarea 2
Tarea 2
 
Mini Europe Parquedas Miniaturas Bruxelas
Mini Europe Parquedas Miniaturas BruxelasMini Europe Parquedas Miniaturas Bruxelas
Mini Europe Parquedas Miniaturas Bruxelas
 
In Net - Como cuidar de um perfil empresarial nas mídias sociais?
In Net - Como cuidar de um perfil empresarial nas mídias sociais?In Net - Como cuidar de um perfil empresarial nas mídias sociais?
In Net - Como cuidar de um perfil empresarial nas mídias sociais?
 
SEO para pequenas empresas - Wattzup
SEO para pequenas empresas - WattzupSEO para pequenas empresas - Wattzup
SEO para pequenas empresas - Wattzup
 

Similar a Colegio Nacional Esguerra Página Web

Similar a Colegio Nacional Esguerra Página Web (20)

Colegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerraColegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerra
 
estructura pagina web 2
estructura pagina web 2estructura pagina web 2
estructura pagina web 2
 
Estructura de una página web II
Estructura de una página web IIEstructura de una página web II
Estructura de una página web II
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Html
HtmlHtml
Html
 
R&d
R&dR&d
R&d
 
R&d
R&dR&d
R&d
 
Mi primera pagina web (1)
Mi primera pagina web (1)Mi primera pagina web (1)
Mi primera pagina web (1)
 
Página web
Página webPágina web
Página web
 
Trabajo estructura basica web ii
Trabajo estructura basica web iiTrabajo estructura basica web ii
Trabajo estructura basica web ii
 
Estructura de una pagina web,,,
Estructura  de una pagina web,,,Estructura  de una pagina web,,,
Estructura de una pagina web,,,
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Etiqueta de hatml 1
Etiqueta de hatml 1Etiqueta de hatml 1
Etiqueta de hatml 1
 
Páginas web
Páginas webPáginas web
Páginas web
 
Estudiantes
EstudiantesEstudiantes
Estudiantes
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Colegio nacional nicolas esguerra (2)
Colegio nacional nicolas esguerra (2)Colegio nacional nicolas esguerra (2)
Colegio nacional nicolas esguerra (2)
 

Más de santiagoinformatica7

Más de santiagoinformatica7 (9)

Info mañana (1)
Info mañana (1)Info mañana (1)
Info mañana (1)
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
123
123123
123
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 

Colegio Nacional Esguerra Página Web

  • 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