SlideShare una empresa de Scribd logo
1 de 5
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
Después del guardado




Código modificado en la etiqueta <body> con color de texto y fondo
Código con etiqueta <hr> “separador”




SEPARADOR DE TEXTOS

Código con etiqueta <hr> modificado, align: left, size: 15, y width: 25%
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%
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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (15)

Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2
 
Colegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerraColegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerra
 
Colegio nicolas esguerra 2
Colegio nicolas esguerra 2Colegio nicolas esguerra 2
Colegio nicolas esguerra 2
 
R&d
R&dR&d
R&d
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Construcción página web
Construcción página webConstrucción página web
Construcción página web
 
Html
HtmlHtml
Html
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas 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
 
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
 

Similar a Estructura HTML II (20)

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
 
Estructura Página Web 2
Estructura Página Web 2Estructura Página Web 2
Estructura Página Web 2
 
estructura pagina web 2
estructura pagina web 2estructura pagina web 2
estructura pagina web 2
 
Colegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerraColegio nacionalnicolas esguerra
Colegio nacionalnicolas esguerra
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Estructura de una pagina web,,,
Estructura  de una pagina web,,,Estructura  de una pagina web,,,
Estructura de una pagina web,,,
 
Html2
Html2Html2
Html2
 
R&d
R&dR&d
R&d
 
R&d
R&dR&d
R&d
 
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
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Colegio nacional nicolás esguerra trabajo 2
Colegio nacional nicolás esguerra trabajo 2Colegio nacional nicolás esguerra trabajo 2
Colegio nacional nicolás esguerra trabajo 2
 
Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Manual html
Manual htmlManual html
Manual html
 
Html
HtmlHtml
Html
 

Más de Daniel Lopez Rios

Más de Daniel Lopez Rios (6)

Estructura Pagina Web III
Estructura Pagina Web IIIEstructura Pagina Web III
Estructura Pagina Web III
 
Estructura HTML III
Estructura HTML IIIEstructura HTML III
Estructura HTML III
 
Juan seba..
Juan seba..Juan seba..
Juan seba..
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML
HTMLHTML
HTML
 
Pantallasos
PantallasosPantallasos
Pantallasos
 

Último

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 

Último (20)

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 

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