SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
COLEGIO NACIONAL NICOLAS ESGUERRA

                              ‘’edificamos futuro’’

Estudiante:Erick Santiago Gutiérrez Rodríguez             Curso: 903

                            HTML 2 ESTRUCTURA


                          MI PRIMERA PAGINA WEB

Estructura:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<bodybgcolor="#FFCC99">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
COLORES DE HEXADECIMAL:
Los colores en HTML se representan mediante un número hexadecimal
Un número hexadecimal se diferencia de un número decimal en que no sólo
puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores
distintos, que van del 0 al 9, y de la A a la FCada color estará representado
por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla,
como por ejemplo #FFFFFF.
Existen 216 colores seguros para web. Éstos son los colores que se muestran
de la misma forma en Microsoft Internet Explorer y en Netscape Navigator,
tanto en Windows como en Macintosh.
También podemos personalizar nuestros propios colores, modificando los
valores de cada uno de los dígitos que forman parte del número
hexadecimal.
A continuación se muestran los 216 colores seguros para web, para que
puedas consultarlos cuando lo necesites.
<html>                                                            Comentario [CU1]: Es una etiqueta
                                                                  que se utiliza para hacer la estructura de
                                                                  una pagina Web para comenzar y finalizar
<head>                                                            la.
                                                                  Comentario [CU2]: Esa etiqueta
<title>Colegio Nacional Nicolas Esguerra</title>                  significa el final encabezado
                                                                  Comentario [CU3]: Ese es el titulo que
</head>                                                           va a aparecer en la pagina Web en este
                                                                  caso yo puse mi colegio porque voy a
<body bgcolor="#000000’’’>                                        hablar sobre el
                                                                  Comentario [CU4]: Esa etiqueta
<font color="#ffffff" size="5">Colegio Nicolas Esguerra.</font>   significa el final encabezado

</body>                                                           Comentario [CU5]: Ese es para darle
                                                                  color al fondo de la pagina
</html>                                                           Comentario [CU6]: Le coloca el titulo y
                                                                  le da color a el tipo de letra
                                                                  Comentario [CU7]: Son los que van
                                                                  justamente debajo de la cabecera
                                                                  Comentario [CU8]: Con este
                                                                  finalizamos el contenido de la pagina web
Esto lo puse con el fin de darles a entender a los lectores como es la historia
del colegio, luego le insertare imágenes para enriquecer mas todo el
contenido de esta página Web, creo que esta es algo a quien de pronto a
muchos no les importa saber, este texto se utiliza con la etiqueta </p>
Luego esta imagen la inserte a pesar de que me costo mucho hacerlo con la
etiqueta <img src="imgres.jpg.jpg" alt="biografia"> y copie el texto de la
biografía de Nicolás Esguerra de Wikipedia.com, para saber de quien
proviene el nombre del colegio y que fue a lo que se dedico y llego a ser en
su vida como abogado y político muy importante para el país
Esta ultima imagen y esta definición la utilice para saber acerca de la sede y
como son sus niveles de enseñanza y aprendizaje como lo digo hay en esa
imagen es muy bueno. El código es :
<img src="mapaNEpiso1.jpg" alt="sede">


¿COMO SUBIR IMÁGENES?
Para subir la imagen hay que basarse en un código como por ejemplo este :
<img src="mapaNEpiso1.jpg" alt="sede"> y hay la pagina de aulaclic le da las
instrucciones para ponerlas como quiere.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (13)

Como esconder la url detras de un texto en el correo
Como esconder la url detras de un texto en el correoComo esconder la url detras de un texto en el correo
Como esconder la url detras de un texto en el correo
 
R&d
R&dR&d
R&d
 
Html.codigos
Html.codigosHtml.codigos
Html.codigos
 
Expresiones
ExpresionesExpresiones
Expresiones
 
Html.codigos (1)
Html.codigos (1)Html.codigos (1)
Html.codigos (1)
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Pagina web
Pagina webPagina web
Pagina web
 
Spooky house
Spooky houseSpooky house
Spooky house
 
1 pagina web
1 pagina web1 pagina web
1 pagina web
 
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
 
Trabajo de informatica vale gelsi
Trabajo de informatica vale gelsiTrabajo de informatica vale gelsi
Trabajo de informatica vale gelsi
 
Html 2
Html 2Html 2
Html 2
 

Destacado (20)

Apresentação2
Apresentação2Apresentação2
Apresentação2
 
A Clave junho 2012
A Clave junho 2012A Clave junho 2012
A Clave junho 2012
 
Chats
ChatsChats
Chats
 
A Clave
A ClaveA Clave
A Clave
 
Ayuda
AyudaAyuda
Ayuda
 
Laguna
LagunaLaguna
Laguna
 
Auto documentação bruno santos
Auto documentação bruno santosAuto documentação bruno santos
Auto documentação bruno santos
 
Power point virtual
Power point virtualPower point virtual
Power point virtual
 
Animales en peligro de extinción
Animales en peligro de extinciónAnimales en peligro de extinción
Animales en peligro de extinción
 
Producto 2
Producto 2Producto 2
Producto 2
 
Directiva pmtd
Directiva pmtdDirectiva pmtd
Directiva pmtd
 
Andressa andriele
Andressa andrieleAndressa andriele
Andressa andriele
 
A Clave - novembro 2011
A Clave - novembro 2011A Clave - novembro 2011
A Clave - novembro 2011
 
Recuperação Paralele 4encontro
Recuperação Paralele 4encontroRecuperação Paralele 4encontro
Recuperação Paralele 4encontro
 
Amarelo sabado gab
Amarelo sabado gabAmarelo sabado gab
Amarelo sabado gab
 
2. NCAT _Marcia Nealy (1)
2. NCAT _Marcia Nealy (1)2. NCAT _Marcia Nealy (1)
2. NCAT _Marcia Nealy (1)
 
AUDIO CONFERENCIA
AUDIO CONFERENCIAAUDIO CONFERENCIA
AUDIO CONFERENCIA
 
Implementação modulo3
Implementação modulo3Implementação modulo3
Implementação modulo3
 
REDES SOCIALES
REDES SOCIALESREDES SOCIALES
REDES SOCIALES
 
Académico mlfh
Académico mlfhAcadémico mlfh
Académico mlfh
 

Similar a Colegio nacional nicolas esguerr1 erick 11

Estructura de una pagina web,,,
Estructura  de una pagina web,,,Estructura  de una pagina web,,,
Estructura de una pagina web,,,Santiago Torres
 
Trabajo estructura basica web II
Trabajo estructura basica web IITrabajo estructura basica web II
Trabajo estructura basica web IICarlos Cubillos
 
Trabajo estructura basica web ii
Trabajo estructura basica web iiTrabajo estructura basica web ii
Trabajo estructura basica web iiCarlos Cubillos
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159sebastiansabogalxD
 
Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2JonathanNaizaque
 
Colegio nicolas esguerra 2
Colegio nicolas esguerra 2Colegio nicolas esguerra 2
Colegio nicolas esguerra 2Oscar Vanegas
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2brayanycamaro
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2brayanycamaross
 

Similar a Colegio nacional nicolas esguerr1 erick 11 (20)

Colegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrezColegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrez
 
CONCEPTOS HTML.
CONCEPTOS HTML.CONCEPTOS HTML.
CONCEPTOS HTML.
 
Crear Pagina Web
Crear Pagina WebCrear Pagina Web
Crear Pagina Web
 
Estructura de una pagina web,,,
Estructura  de una pagina web,,,Estructura  de una pagina web,,,
Estructura de una pagina web,,,
 
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
 
Colegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erickColegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erick
 
Colegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erickColegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erick
 
Comentarios (1)
Comentarios (1)Comentarios (1)
Comentarios (1)
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Html 2
Html 2Html 2
Html 2
 
Colegio nicolas esguerra 2
Colegio nicolas esguerra 2Colegio nicolas esguerra 2
Colegio nicolas esguerra 2
 
estructura pagina web 2
estructura pagina web 2estructura pagina web 2
estructura pagina web 2
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
12236544
1223654412236544
12236544
 

Más de Ëriick Gutierrez Rodriguez (9)

Sadwich
SadwichSadwich
Sadwich
 
Roasted list
Roasted listRoasted list
Roasted list
 
Estructura iv
Estructura ivEstructura iv
Estructura iv
 
Estructura iv
Estructura ivEstructura iv
Estructura iv
 
Colegio nacional nicolas esguerra gutierrez erick
Colegio nacional nicolas esguerra gutierrez erickColegio nacional nicolas esguerra gutierrez erick
Colegio nacional nicolas esguerra gutierrez erick
 
Concecionario[1] (1)
Concecionario[1] (1)Concecionario[1] (1)
Concecionario[1] (1)
 
Erick
ErickErick
Erick
 
Clinica (2)
Clinica (2)Clinica (2)
Clinica (2)
 
Concecionario[1] (1)
Concecionario[1] (1)Concecionario[1] (1)
Concecionario[1] (1)
 

Colegio nacional nicolas esguerr1 erick 11

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA ‘’edificamos futuro’’ Estudiante:Erick Santiago Gutiérrez Rodríguez Curso: 903 HTML 2 ESTRUCTURA MI PRIMERA PAGINA WEB Estructura: <html> <head> <title>MI PRIMERA PAGINA</title> </head> <bodybgcolor="#FFCC99"> <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font> </body> </html>
  • 2. COLORES DE HEXADECIMAL: Los colores en HTML se representan mediante un número hexadecimal Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la FCada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh. También podemos personalizar nuestros propios colores, modificando los valores de cada uno de los dígitos que forman parte del número hexadecimal. A continuación se muestran los 216 colores seguros para web, para que puedas consultarlos cuando lo necesites.
  • 3. <html> Comentario [CU1]: Es una etiqueta que se utiliza para hacer la estructura de una pagina Web para comenzar y finalizar <head> la. Comentario [CU2]: Esa etiqueta <title>Colegio Nacional Nicolas Esguerra</title> significa el final encabezado Comentario [CU3]: Ese es el titulo que </head> va a aparecer en la pagina Web en este caso yo puse mi colegio porque voy a <body bgcolor="#000000’’’> hablar sobre el Comentario [CU4]: Esa etiqueta <font color="#ffffff" size="5">Colegio Nicolas Esguerra.</font> significa el final encabezado </body> Comentario [CU5]: Ese es para darle color al fondo de la pagina </html> Comentario [CU6]: Le coloca el titulo y le da color a el tipo de letra Comentario [CU7]: Son los que van justamente debajo de la cabecera Comentario [CU8]: Con este finalizamos el contenido de la pagina web
  • 4. Esto lo puse con el fin de darles a entender a los lectores como es la historia del colegio, luego le insertare imágenes para enriquecer mas todo el contenido de esta página Web, creo que esta es algo a quien de pronto a muchos no les importa saber, este texto se utiliza con la etiqueta </p>
  • 5. Luego esta imagen la inserte a pesar de que me costo mucho hacerlo con la etiqueta <img src="imgres.jpg.jpg" alt="biografia"> y copie el texto de la biografía de Nicolás Esguerra de Wikipedia.com, para saber de quien proviene el nombre del colegio y que fue a lo que se dedico y llego a ser en su vida como abogado y político muy importante para el país
  • 6.
  • 7. Esta ultima imagen y esta definición la utilice para saber acerca de la sede y como son sus niveles de enseñanza y aprendizaje como lo digo hay en esa imagen es muy bueno. El código es : <img src="mapaNEpiso1.jpg" alt="sede"> ¿COMO SUBIR IMÁGENES? Para subir la imagen hay que basarse en un código como por ejemplo este : <img src="mapaNEpiso1.jpg" alt="sede"> y hay la pagina de aulaclic le da las instrucciones para ponerlas como quiere.