SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
Colegio Nacional Nicolás Esguerra
                             “Edificamos Futuro”
Estudiantes: Juan David Gutiérrez Rivera         Curso: 903
             Cristian David Gomes Sánchez

                           HTLM 2 ESTRUCTURA


                             PRIMERA PÁGINA WEB
Estructura Básica
<html>
<head>
<title>Juegos online</title>
</head>
<body bgcolor="#FFCC99">
<font color="#CC3300" size="5">Aquí encontrara los mejores juegos
Online.</font>
</body>
</html>
Código de Colores Hexadecimal
ESTRUCTURA DE CÓDIGO


<html>                                                                    Comentario [E1]: Todas las páginas
                                                                          web escritas en HTML tienen que
      <head>                                                              tener la extensión html o htm. Al
                                                                          mismo tiempo, tienen que tener las
      <title>Juegos online</title>                                        etiquetas <html> y </html>.
      </head>                                                             Entre las etiquetas <html> y </html>
                                                                          estará comprendido el resto del
      <body bgcolor="#000033">                                            código HTML de la página.
      <font color="#33CCFF" size="5">Aqui encontrara los mejores juegos
                                                                          Comentario [E2]: Está formada por
Online.</font>                                                            las etiquetas <head> y </head>. La
                                                                          etiqueta <head> va justo debajo de la
      </body>                                                             etiqueta <html>.
</html>                                                                   Comentario [E3]: El título de la
                                                                          página es el que aparecerá en la parte
                                                                          superior de la ventana del navegador,
                                                                          cuando la página esté cargada en él.
                                                                          Para asignar un título a una página es
                                                                          necesario escribir el texto deseado
                                                                          entre las etiquetas <title> y </title>.


                                                                          Comentario [E4]: El cuerpo del
                                                                          documento contiene la información
                                                                          propia del documento, es decir lo que
ATRIBUTOS DE LA ETIQUETA BODY                                             pqueremos que se visualice, el texto
                                                                          de la página, las imágenes, los
                                                                          formularios, etc.
                                                                          Todos estos elementos tienen que
                                                                          encontrarse entre las etiquetas
<body bgcolor="#0000FF">                                                  <body> y </body>, que van justo
                                                                          debajo de la cabecera.


                                                                          Comentario [E5]: El color de fondo
                                                                          puede establecerse a través del
                                                                          atributo bgcolor, al que es posible
                                                                          asignarle un color representado en
                                                                          hexadecimal o por un nombre
                                                                          predefinido.
<body background="fondo.gif">                                             Comentario [E6]: La imagen de
                                                                          fondo puede establecerse a través del
                                                                          atributo background, indicando la
                                                                          ruta en la que se encuentra la imagen.




<body background="imagenes/fondo.gif">                                    Comentario [E7]: En el caso de que
                                                                          la imagen no se encuentre en el mismo
<body text="#FF0000">                                                     directorio que la página, y se encuentre
                                                                          dentro de la carpeta imagenes, que sí
                                                                          se encuentra en el mismo directorio
                                                                          que la página.
                                                                          Comentario [E8]: A través de la
                                                                          etiqueta <body> también es posible
                                                                          establecer el color del texto de la
                                                                          página a través del atributo text.




<body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" >   Comentario [E9]: Entre el borde de
                                                                          la ventana y el contenido de la página
                                                                          existe un margen, cuyo tamaño en
                                                                          píxeles puede modificarse mediante
                                                                          los atributos leftmargin (margen
                                                                          izquierdo) y topmargin (margen
                                                                          superior). Estos atributos no funcionan
                                                                          para el navegador Netscape, pero sí
                                                                          los atributos marginwidth (anchura
                                                                          del margen) y marginheight (altura
                                                                          del margen).

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Tatiana
TatianaTatiana
Tatiana
 
Copia de practica 4 5ernestho
Copia de practica 4 5ernestho Copia de practica 4 5ernestho
Copia de practica 4 5ernestho
 
Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Html
HtmlHtml
Html
 
Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
 
Páginas html
Páginas htmlPáginas html
Páginas html
 
MANUAL BASICO EN HTML
MANUAL BASICO EN HTMLMANUAL BASICO EN HTML
MANUAL BASICO EN HTML
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Introducción a NVU
Introducción a NVUIntroducción a NVU
Introducción a NVU
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Estructura HTML II
Estructura HTML IIEstructura HTML II
Estructura HTML II
 

Destacado

Comuni educ d4
Comuni educ d4Comuni educ d4
Comuni educ d4julyerika
 
El Mouse o Raton
El Mouse o RatonEl Mouse o Raton
El Mouse o Ratonvilmalamina
 
POSEIDON - Dios del mar
POSEIDON - Dios del marPOSEIDON - Dios del mar
POSEIDON - Dios del marigndutra1
 
GENERO MUSICAL SALSA
GENERO MUSICAL SALSAGENERO MUSICAL SALSA
GENERO MUSICAL SALSAortizmaria
 
Controle aula 0
Controle aula 0Controle aula 0
Controle aula 0J M
 
Unidad educativa salesiana
Unidad educativa salesianaUnidad educativa salesiana
Unidad educativa salesianaPaúl Bonilla
 
Apostila mecanicafratura
Apostila mecanicafraturaApostila mecanicafratura
Apostila mecanicafraturaLukasSeize
 
Aprendizaje Colaborativos
Aprendizaje Colaborativos Aprendizaje Colaborativos
Aprendizaje Colaborativos krol10kbrera
 
Tecnologías de la Información y la comunicación
Tecnologías de la Información y la comunicación Tecnologías de la Información y la comunicación
Tecnologías de la Información y la comunicación andreslavado
 
Presentacion medytronic mobiliario_(20.06)x
Presentacion medytronic mobiliario_(20.06)xPresentacion medytronic mobiliario_(20.06)x
Presentacion medytronic mobiliario_(20.06)xqualytechsac
 
Importância Cultural das Refeições
Importância Cultural das RefeiçõesImportância Cultural das Refeições
Importância Cultural das Refeiçõescomerontemehoje
 
TP. Final Redes sociales perez carmen vanesa
TP. Final Redes sociales perez carmen vanesaTP. Final Redes sociales perez carmen vanesa
TP. Final Redes sociales perez carmen vanesaVanesa Perez
 
Presentación1 educacion a distancia
Presentación1 educacion a distanciaPresentación1 educacion a distancia
Presentación1 educacion a distanciahazel_johana12
 

Destacado (20)

Comuni educ d4
Comuni educ d4Comuni educ d4
Comuni educ d4
 
El Mouse o Raton
El Mouse o RatonEl Mouse o Raton
El Mouse o Raton
 
Dossier de Prensa FEHISPOR 2011
Dossier de Prensa FEHISPOR 2011Dossier de Prensa FEHISPOR 2011
Dossier de Prensa FEHISPOR 2011
 
POSEIDON - Dios del mar
POSEIDON - Dios del marPOSEIDON - Dios del mar
POSEIDON - Dios del mar
 
GENERO MUSICAL SALSA
GENERO MUSICAL SALSAGENERO MUSICAL SALSA
GENERO MUSICAL SALSA
 
Controle aula 0
Controle aula 0Controle aula 0
Controle aula 0
 
Unidad educativa salesiana
Unidad educativa salesianaUnidad educativa salesiana
Unidad educativa salesiana
 
Apostila mecanicafratura
Apostila mecanicafraturaApostila mecanicafratura
Apostila mecanicafratura
 
Concurso interno de producción
Concurso interno de producciónConcurso interno de producción
Concurso interno de producción
 
Aprendizaje Colaborativos
Aprendizaje Colaborativos Aprendizaje Colaborativos
Aprendizaje Colaborativos
 
A02v47n2
A02v47n2A02v47n2
A02v47n2
 
Tecnologías de la Información y la comunicación
Tecnologías de la Información y la comunicación Tecnologías de la Información y la comunicación
Tecnologías de la Información y la comunicación
 
7.preparándolos al número
7.preparándolos al número7.preparándolos al número
7.preparándolos al número
 
P2 r1 resistencia
P2   r1 resistenciaP2   r1 resistencia
P2 r1 resistencia
 
Hector
HectorHector
Hector
 
Presentacion medytronic mobiliario_(20.06)x
Presentacion medytronic mobiliario_(20.06)xPresentacion medytronic mobiliario_(20.06)x
Presentacion medytronic mobiliario_(20.06)x
 
Importância Cultural das Refeições
Importância Cultural das RefeiçõesImportância Cultural das Refeições
Importância Cultural das Refeições
 
TP. Final Redes sociales perez carmen vanesa
TP. Final Redes sociales perez carmen vanesaTP. Final Redes sociales perez carmen vanesa
TP. Final Redes sociales perez carmen vanesa
 
Ubuntu COMSOLiD 5
Ubuntu COMSOLiD 5Ubuntu COMSOLiD 5
Ubuntu COMSOLiD 5
 
Presentación1 educacion a distancia
Presentación1 educacion a distanciaPresentación1 educacion a distancia
Presentación1 educacion a distancia
 

Similar a Colegio nacional nicolás esguerra trabajo 2

Similar a Colegio nacional nicolás esguerra trabajo 2 (20)

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
 
Html2
Html2Html2
Html2
 
Html 2
Html 2Html 2
Html 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
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Comentarios (1)
Comentarios (1)Comentarios (1)
Comentarios (1)
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Estructura Página Web 2
Estructura Página Web 2Estructura Página Web 2
Estructura Página Web 2
 
Html 2
Html 2Html 2
Html 2
 
Comentarios
ComentariosComentarios
Comentarios
 
Deber de Programación Web / Etiquetas mas utilizadas del lenguaje html
Deber de Programación Web / Etiquetas mas utilizadas del lenguaje htmlDeber de Programación Web / Etiquetas mas utilizadas del lenguaje html
Deber de Programación Web / Etiquetas mas utilizadas del lenguaje html
 
Deber de Programacion Web
Deber de Programacion WebDeber de Programacion Web
Deber de Programacion Web
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Html 02
Html 02Html 02
Html 02
 

Colegio nacional nicolás esguerra trabajo 2

  • 1. Colegio Nacional Nicolás Esguerra “Edificamos Futuro” Estudiantes: Juan David Gutiérrez Rivera Curso: 903 Cristian David Gomes Sánchez HTLM 2 ESTRUCTURA PRIMERA PÁGINA WEB Estructura Básica <html> <head> <title>Juegos online</title> </head> <body bgcolor="#FFCC99"> <font color="#CC3300" size="5">Aquí encontrara los mejores juegos Online.</font> </body> </html>
  • 2. Código de Colores Hexadecimal
  • 3. ESTRUCTURA DE CÓDIGO <html> Comentario [E1]: Todas las páginas web escritas en HTML tienen que <head> tener la extensión html o htm. Al mismo tiempo, tienen que tener las <title>Juegos online</title> etiquetas <html> y </html>. </head> Entre las etiquetas <html> y </html> estará comprendido el resto del <body bgcolor="#000033"> código HTML de la página. <font color="#33CCFF" size="5">Aqui encontrara los mejores juegos Comentario [E2]: Está formada por Online.</font> las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la </body> etiqueta <html>. </html> Comentario [E3]: El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Comentario [E4]: El cuerpo del documento contiene la información propia del documento, es decir lo que ATRIBUTOS DE LA ETIQUETA BODY pqueremos que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas <body bgcolor="#0000FF"> <body> y </body>, que van justo debajo de la cabecera. Comentario [E5]: El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.
  • 4. <body background="fondo.gif"> Comentario [E6]: La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen. <body background="imagenes/fondo.gif"> Comentario [E7]: En el caso de que la imagen no se encuentre en el mismo <body text="#FF0000"> directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página. Comentario [E8]: A través de la etiqueta <body> también es posible establecer el color del texto de la página a través del atributo text. <body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" > Comentario [E9]: Entre el borde de la ventana y el contenido de la página existe un margen, cuyo tamaño en píxeles puede modificarse mediante los atributos leftmargin (margen izquierdo) y topmargin (margen superior). Estos atributos no funcionan para el navegador Netscape, pero sí los atributos marginwidth (anchura del margen) y marginheight (altura del margen).