SlideShare une entreprise Scribd logo
1  sur  7
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:
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
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
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
Blue

Al editar blue cambiamos el color de la line por ejemplo si colocamos yelow la line se volverá
                                           amarilla
<Html>

<Head>

<Title> torres & torres NE- 906 </title>

</Head>
<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>

Contenu connexe

Tendances (9)

Html
HtmlHtml
Html
 
Inf #3
Inf #3Inf #3
Inf #3
 
Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11
 
Html
HtmlHtml
Html
 
R&d
R&dR&d
R&d
 
Pagina web
Pagina webPagina web
Pagina web
 
Homenaje gustavo cerati
Homenaje gustavo ceratiHomenaje gustavo cerati
Homenaje gustavo cerati
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbe
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 

En vedette

Explotacion de recursos petroliferos en casanare
Explotacion de recursos petroliferos en casanareExplotacion de recursos petroliferos en casanare
Explotacion de recursos petroliferos en casanaresebastian379
 
Adolecencia, desarrollo, relaciones y cultura catorceava parte
Adolecencia, desarrollo, relaciones y cultura  catorceava parteAdolecencia, desarrollo, relaciones y cultura  catorceava parte
Adolecencia, desarrollo, relaciones y cultura catorceava parteEvelyn Maricela Galicia Mazariegos
 
Nuevas tecnologías
Nuevas tecnologíasNuevas tecnologías
Nuevas tecnologíaslorenaycelia
 
Ambiente virtual de aprendizaje "IES"
Ambiente virtual de aprendizaje "IES"Ambiente virtual de aprendizaje "IES"
Ambiente virtual de aprendizaje "IES"ticmercedes
 
Trabajopracticonumero14
Trabajopracticonumero14Trabajopracticonumero14
Trabajopracticonumero14FacundoReyes
 
Material promocional turismo
Material promocional turismoMaterial promocional turismo
Material promocional turismoStiven Erazo
 
Claves para el exito direccion de equipo
Claves para el exito direccion de equipoClaves para el exito direccion de equipo
Claves para el exito direccion de equipoFutbol_Ofensivo
 
Quimica para subir esta semana
Quimica para subir esta semanaQuimica para subir esta semana
Quimica para subir esta semanaxpollox
 
Mapa mental.
Mapa mental.Mapa mental.
Mapa mental.monnyqka
 
Trabajo final
Trabajo finalTrabajo final
Trabajo finalTeoriba
 
Primere guerra mundial
Primere guerra mundialPrimere guerra mundial
Primere guerra mundialvale_9706
 
Boletín electroquímica
Boletín electroquímicaBoletín electroquímica
Boletín electroquímicamariavarey
 

En vedette (20)

Planificacion
PlanificacionPlanificacion
Planificacion
 
Trabajo 2
Trabajo 2Trabajo 2
Trabajo 2
 
Explotacion de recursos petroliferos en casanare
Explotacion de recursos petroliferos en casanareExplotacion de recursos petroliferos en casanare
Explotacion de recursos petroliferos en casanare
 
Adolecencia, desarrollo, relaciones y cultura catorceava parte
Adolecencia, desarrollo, relaciones y cultura  catorceava parteAdolecencia, desarrollo, relaciones y cultura  catorceava parte
Adolecencia, desarrollo, relaciones y cultura catorceava parte
 
Nuevas tecnologías
Nuevas tecnologíasNuevas tecnologías
Nuevas tecnologías
 
Html
HtmlHtml
Html
 
Ambiente virtual de aprendizaje "IES"
Ambiente virtual de aprendizaje "IES"Ambiente virtual de aprendizaje "IES"
Ambiente virtual de aprendizaje "IES"
 
Trabajopracticonumero14
Trabajopracticonumero14Trabajopracticonumero14
Trabajopracticonumero14
 
Israel
IsraelIsrael
Israel
 
Material promocional turismo
Material promocional turismoMaterial promocional turismo
Material promocional turismo
 
Claves para el exito direccion de equipo
Claves para el exito direccion de equipoClaves para el exito direccion de equipo
Claves para el exito direccion de equipo
 
Examen
ExamenExamen
Examen
 
Quimica para subir esta semana
Quimica para subir esta semanaQuimica para subir esta semana
Quimica para subir esta semana
 
Mapa mental.
Mapa mental.Mapa mental.
Mapa mental.
 
Presentación2
Presentación2Presentación2
Presentación2
 
Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
Las ventajas del iphone 4 s
Las ventajas del iphone 4 sLas ventajas del iphone 4 s
Las ventajas del iphone 4 s
 
Iv encuentro ecoescuelas
Iv encuentro ecoescuelasIv encuentro ecoescuelas
Iv encuentro ecoescuelas
 
Primere guerra mundial
Primere guerra mundialPrimere guerra mundial
Primere guerra mundial
 
Boletín electroquímica
Boletín electroquímicaBoletín electroquímica
Boletín electroquímica
 

Similaire à Estructura de una pagina web,,,

Similaire à Estructura de una pagina web,,, (20)

Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2
 
Estructura HTML II
Estructura HTML IIEstructura HTML II
Estructura HTML II
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
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
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
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
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrezColegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrez
 
Manual html
Manual htmlManual html
Manual html
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Trabajo estructura basica web ii
Trabajo estructura basica web iiTrabajo estructura basica web ii
Trabajo estructura basica web ii
 
Trabajo estructura basica web II
Trabajo estructura basica web IITrabajo estructura basica web II
Trabajo estructura basica web II
 
p
pp
p
 
Colegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerraColegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerra
 
Colegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerraColegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerra
 
Curso html
Curso htmlCurso html
Curso html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 

Plus de Santiago Torres (19)

Daño al ambiente
Daño al ambienteDaño al ambiente
Daño al ambiente
 
Formulario
FormularioFormulario
Formulario
 
Horario
HorarioHorario
Horario
 
Comentarios
ComentariosComentarios
Comentarios
 
Html
Html Html
Html
 
Pagina
PaginaPagina
Pagina
 
Html
HtmlHtml
Html
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
definiciones
definicionesdefiniciones
definiciones
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Castañeda & pulido 806
Castañeda & pulido 806Castañeda & pulido 806
Castañeda & pulido 806
 
Nnnnnnnnn
NnnnnnnnnNnnnnnnnn
Nnnnnnnnn
 
Colegio nacional nicolás esguerra
Colegio nacional  nicolás esguerraColegio nacional  nicolás esguerra
Colegio nacional nicolás esguerra
 
Cómo crear una bd access
Cómo  crear una  bd  accessCómo  crear una  bd  access
Cómo crear una bd access
 
tutorial
tutorialtutorial
tutorial
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Edificamos futuro
Edificamos  futuroEdificamos  futuro
Edificamos futuro
 
Edificamos futuro
Edificamos  futuroEdificamos  futuro
Edificamos futuro
 
Edificamos futuro
Edificamos  futuroEdificamos  futuro
Edificamos futuro
 

Estructura de una pagina web,,,

  • 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
  • 6. <Html> <Head> <Title> torres & torres NE- 906 </title> </Head>
  • 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>