SlideShare una empresa de Scribd logo
1 de 8
Unidad 2: estructura de una página web 
<HTML> 
<HEAD> 
<TITLE>COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE> 
</HEAD> 
<DODY BY COLOR="#006020"TEXT="SILVER"> 
BIENVENIDOS AL PORTAL WEB INSTITUCIONAL 
76 AÑOS EDIFICANDO FUTURO 
COLEGIO NACIONAL NICOLAS ESGUERRA 
EDIFICAMOS FUTURO 
</BODY> 
</HTML>
<HTML> 
<HEAD> 
<TITLE> COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE> 
</HEAD> 
<BODY BACKGROUND="IMAGENES/ESCUDO.jpg" TEXT="SILVER"> 
BIENVENIDOS AL PORTAL WEB INSTITUCIONAL 
76 AÑOS EDIFICANDO FUTURO 
COLEGIO NACIONAL NICOLAS ESGUERRA 
EDIFICAMOS FUTURO 
</BODY> 
</HTML>
2. <HTML> 
<HEAD> 
<CENTER><TITLE>COLEGIO NACIONAL NICOLAS ESGUERRA 
</TITLE></CENTER> 
</HEAD> 
<BODY BGCOLOR="#006020"> 
BIENVENIDOS AL PORTAL WEB INSTITUCIONAL<BR>76 AÑOS EDIFICANDO 
FUTURO<BR> 
<CENTER><H1> COLEGIO NACIONAL NICOLAS ESGUERRA <H1></CENTER> 
<HR><MARQUEE> EDIFICANDO FUTURO </MARQUEE> 
<HR><CENTER><IMG SRC="IMAGENES/ESCUDO.JPG" 
BORDER="4"></CENTER> 
<CENTER><TABLE BORDER="4"></CENTER> 
<TR> 
<TD>MATEMATICA</TD>
<TD>ANA YOMARY</TD> 
</TR> 
<TR> 
<TD>SOCIALES Y RELIGION</TD> 
<TD>JUAN DE LA CRUZ</TD> 
</TR> 
<TR> 
<TD>INGLES</TD> 
<TD>MIRIAM ZAMUDIO</TD> 
</TR> 
<TR> 
<TD>INFORMATICA</TD> 
<TD>JOHN CARABALLO</TD> 
</TR> 
<TR> 
<TD>EDUCACION FISICA</TD> 
<TD>CARLOS</TD> 
</TR> 
<TR> 
<TD>GEOMETRIA</TD> 
<TD>ROSA COLOMBIA</TD> 
</TR> 
<TR> 
<TD>MUSICA</TD> 
<TD>CHAMORRO</TD>
</TR> 
<TR> 
<TD>BILOGIA</TD> 
<TD>ELIZABETH BARON</TD> 
</TR> 
<TR> 
<TD>ESPAÑOL</TD> 
<TD>KAREN</TD> 
</TABLE> 
</TABLE> 
</BODY> 
</HTML> 
- Así quedara con la tabla: 
- Para agregar un color a la tabla copiamos la siguiente formula:
<HTML> 
<HEAD> 
<CENTER><TITLE>COLEGIO NACIONAL NICOLAS ESGUERRA 
</TITLE></CENTER> 
</HEAD> 
<BODY BGCOLOR="#006020"> 
BIENVENIDOS AL PORTAL WEB INSTITUCIONAL<BR>76 AÑOS EDIFICANDO 
FUTURO<BR> 
<CENTER><H1> COLEGIO NACIONAL NICOLAS ESGUERRA <H1></CENTER> 
<HR><MARQUEE> EDIFICANDO FUTURO </MARQUEE> 
<HR><CENTER><IMG SRC="IMAGENES/ESCUDO.JPG" 
BORDER="4"></CENTER> 
<CENTER> 
<TABLE BORDER="1"BGCOLOR="AZURE"></CENTER> 
<TR> 
<TD BGCOLOR="#FAFAD2"=>ASIGNATURA</TD> 
<TD BGCOLOR="#FAFAD2"=>NOMBRE</TD> 
</TR> 
<TR> 
<TD> <IMG SRC="IMAGENES/MAT.GIF" WIDTH="40" HEIGHT="40"> 
MATEMATICA </TD> 
<TD>ANA YOMARY</TD> 
</TR> 
<TR> 
<TD> <IMG SRC="IMAGENES/RELIGIÓN.JPG" WIDTH="40" HEIGHT="40"> 
SOCIALES Y RELIGION</TD> 
<TD>JUAN DE LA CRUZ</TD>
</TR> 
<TR> 
<TD><IMG 
SRC="IMAGENES/ING.GIF"WIDTH="40"HEIGHT="40">INGLES</TD> 
<TD>MIRIAM ZAMUDIO</TD> 
</TR> 
<TR> 
<TD><IMG 
SRC="IMAGENES/INF.JPG"WIDTH="40"HEIGHT="40">INFORMATICA</TD> 
<TD>JOHN CARABALLO</TD> 
</TR> 
<TR> 
<TD><IMG SRC="IMAGENES/EDU 
FI.GIF"WIDTH="40"HEIGHT="40">EDUCACION FISICA</TD> 
<TD>CARLOS</TD> 
</TR> 
<TR> 
<TD><IMG 
SRC="IMAGENES/GEO.GIF"WIDTH="40"HEIGHT="40">GEOMETRIA</TD> 
<TD>ROSA COLOMBIA</TD> 
</TR> 
<TR> 
<TD><IMG 
SRC="IMAGENES/MUS.JPG"WIDTH="40"HEIGHT="40">MUSICA</TD> 
<TD>CHAMORRO</TD> 
</TR> 
<TR>
<TD><IMG 
SRC="IMAGENES/BIO.JPG"WIDTH="40"HEIGHT="40">BILOGIA</TD> 
<TD>ELIZABETH BARON</TD> 
</TR> 
<TR> 
<TD><IMG 
SRC="IMAGENES/ESP.GIF"WIDTH="40"HEIGHT="40">ESPAÑOL</TD> 
<TD>KAREN</TD> 
</TABLE> 
</TABLE> 
</BODY> 
</HTML> 
- Así queda nuestra tabla:

Más contenido relacionado

La actualidad más candente (18)

Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
PAGINA WEB 2.5
PAGINA WEB 2.5PAGINA WEB 2.5
PAGINA WEB 2.5
 
PAGINA WEB 2.5
PAGINA WEB 2.5PAGINA WEB 2.5
PAGINA WEB 2.5
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
Explicacion de html
Explicacion de htmlExplicacion de html
Explicacion de html
 
Html
HtmlHtml
Html
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
Web del colegio nicolas esguerra proyecto
Web del colegio nicolas esguerra proyectoWeb del colegio nicolas esguerra proyecto
Web del colegio nicolas esguerra proyecto
 
Htmly
HtmlyHtmly
Htmly
 
Barrera y betancurth
Barrera y betancurthBarrera y betancurth
Barrera y betancurth
 
Html 2
Html 2Html 2
Html 2
 
Html 2
Html 2Html 2
Html 2
 
COLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRACOLEGIO NICOLAS ESGUERRA
COLEGIO NICOLAS ESGUERRA
 
Informatica david.r
Informatica david.rInformatica david.r
Informatica david.r
 
Colegio nicolas esguerra2
Colegio nicolas esguerra2Colegio nicolas esguerra2
Colegio nicolas esguerra2
 
HTML
HTML HTML
HTML
 
Html 2
Html 2Html 2
Html 2
 
HTML
HTML HTML
HTML
 

Destacado

Klimaendringer pensjonist
Klimaendringer pensjonistKlimaendringer pensjonist
Klimaendringer pensjonistHans Olav Hygen
 
Fremtidens bygg fredrikstad
Fremtidens bygg fredrikstadFremtidens bygg fredrikstad
Fremtidens bygg fredrikstadHans Olav Hygen
 
Nedbørendringer og flom
Nedbørendringer og flomNedbørendringer og flom
Nedbørendringer og flomHans Olav Hygen
 
Vann, Klima og utviklingsland, oppdatert
Vann, Klima og utviklingsland, oppdatertVann, Klima og utviklingsland, oppdatert
Vann, Klima og utviklingsland, oppdatertHans Olav Hygen
 
Fra værobservasjon til klimaendring
Fra værobservasjon til klimaendringFra værobservasjon til klimaendring
Fra værobservasjon til klimaendringHans Olav Hygen
 
Klimaendringer og været
Klimaendringer og væretKlimaendringer og været
Klimaendringer og væretHans Olav Hygen
 
Moving the Bangladesh Meteorological Department from climate data to climate ...
Moving the Bangladesh Meteorological Department from climate data to climate ...Moving the Bangladesh Meteorological Department from climate data to climate ...
Moving the Bangladesh Meteorological Department from climate data to climate ...Hans Olav Hygen
 
Blri det skiføre i Trøndelag
Blri det skiføre i TrøndelagBlri det skiføre i Trøndelag
Blri det skiføre i TrøndelagHans Olav Hygen
 
En liten prat om varet for Lions Berg
En liten prat om varet for Lions BergEn liten prat om varet for Lions Berg
En liten prat om varet for Lions BergHans Olav Hygen
 
En prat om været med Roraty Lørenskog vest
En prat om været med Roraty Lørenskog vestEn prat om været med Roraty Lørenskog vest
En prat om været med Roraty Lørenskog vestHans Olav Hygen
 
Ems2016: Providing climate information for local authorities
Ems2016: Providing climate information for local authoritiesEms2016: Providing climate information for local authorities
Ems2016: Providing climate information for local authoritiesHans Olav Hygen
 
Climate adaptation - A wake up call for the utilities sector
Climate adaptation - A wake up call for the utilities sectorClimate adaptation - A wake up call for the utilities sector
Climate adaptation - A wake up call for the utilities sectorHans Olav Hygen
 
En prat om været markedskraft
En prat om været markedskraftEn prat om været markedskraft
En prat om været markedskraftHans Olav Hygen
 
School Esquisse
School EsquisseSchool Esquisse
School EsquisseRossBoyce
 
Skal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeilet
Skal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeiletSkal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeilet
Skal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeiletHans Olav Hygen
 

Destacado (18)

Ems2016: Klima2050
Ems2016: Klima2050Ems2016: Klima2050
Ems2016: Klima2050
 
Klimaendringer pensjonist
Klimaendringer pensjonistKlimaendringer pensjonist
Klimaendringer pensjonist
 
Fremtidens bygg fredrikstad
Fremtidens bygg fredrikstadFremtidens bygg fredrikstad
Fremtidens bygg fredrikstad
 
En prat om været
En prat om væretEn prat om været
En prat om været
 
Klima2100 korn
Klima2100 kornKlima2100 korn
Klima2100 korn
 
Nedbørendringer og flom
Nedbørendringer og flomNedbørendringer og flom
Nedbørendringer og flom
 
Vann, Klima og utviklingsland, oppdatert
Vann, Klima og utviklingsland, oppdatertVann, Klima og utviklingsland, oppdatert
Vann, Klima og utviklingsland, oppdatert
 
Fra værobservasjon til klimaendring
Fra værobservasjon til klimaendringFra værobservasjon til klimaendring
Fra værobservasjon til klimaendring
 
Klimaendringer og været
Klimaendringer og væretKlimaendringer og været
Klimaendringer og været
 
Moving the Bangladesh Meteorological Department from climate data to climate ...
Moving the Bangladesh Meteorological Department from climate data to climate ...Moving the Bangladesh Meteorological Department from climate data to climate ...
Moving the Bangladesh Meteorological Department from climate data to climate ...
 
Blri det skiføre i Trøndelag
Blri det skiføre i TrøndelagBlri det skiføre i Trøndelag
Blri det skiføre i Trøndelag
 
En liten prat om varet for Lions Berg
En liten prat om varet for Lions BergEn liten prat om varet for Lions Berg
En liten prat om varet for Lions Berg
 
En prat om været med Roraty Lørenskog vest
En prat om været med Roraty Lørenskog vestEn prat om været med Roraty Lørenskog vest
En prat om været med Roraty Lørenskog vest
 
Ems2016: Providing climate information for local authorities
Ems2016: Providing climate information for local authoritiesEms2016: Providing climate information for local authorities
Ems2016: Providing climate information for local authorities
 
Climate adaptation - A wake up call for the utilities sector
Climate adaptation - A wake up call for the utilities sectorClimate adaptation - A wake up call for the utilities sector
Climate adaptation - A wake up call for the utilities sector
 
En prat om været markedskraft
En prat om været markedskraftEn prat om været markedskraft
En prat om været markedskraft
 
School Esquisse
School EsquisseSchool Esquisse
School Esquisse
 
Skal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeilet
Skal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeiletSkal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeilet
Skal vi bygge for fremtidens klima kan vi ikke bare se oss i bakspeilet
 

Similar a Pagina web

Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina webjuandiegoc
 
Unidad pagina web
Unidad  pagina webUnidad  pagina web
Unidad pagina webjuandiegoc
 
como hacer un menu en html
como hacer un menu en html como hacer un menu en html
como hacer un menu en html juanjo1412
 
Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera paginaJhony Jacm
 
Html trabajo 7 904 JR
Html trabajo 7 904 JRHtml trabajo 7 904 JR
Html trabajo 7 904 JRjayerxD
 
Html trabajo 7
Html trabajo 7Html trabajo 7
Html trabajo 7jayerxD
 
Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2nicolas901
 
Estructura deuna poagina web 2
Estructura deuna poagina web 2Estructura deuna poagina web 2
Estructura deuna poagina web 2nicolas901
 
html mas paginas
html mas paginas html mas paginas
html mas paginas juanjo1412
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina webpiratadark123
 
Html2
Html2Html2
Html2jmr8
 

Similar a Pagina web (20)

Pagina web
Pagina webPagina web
Pagina web
 
Unidad 2 pagina web
Unidad 2 pagina webUnidad 2 pagina web
Unidad 2 pagina web
 
Unidad pagina web
Unidad  pagina webUnidad  pagina web
Unidad pagina web
 
d
      d        d
d
 
como hacer un menu en html
como hacer un menu en html como hacer un menu en html
como hacer un menu en html
 
Estructura pagina web (1)
Estructura pagina web  (1)Estructura pagina web  (1)
Estructura pagina web (1)
 
Estructura pagina web (1)
Estructura pagina web  (1)Estructura pagina web  (1)
Estructura pagina web (1)
 
Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera pagina
 
Html 3
Html 3Html 3
Html 3
 
Html trabajo 7 904 JR
Html trabajo 7 904 JRHtml trabajo 7 904 JR
Html trabajo 7 904 JR
 
Html trabajo 7
Html trabajo 7Html trabajo 7
Html trabajo 7
 
Html 3
Html 3Html 3
Html 3
 
Estructura de una pagina web 2
Estructura de una pagina web 2Estructura de una pagina web 2
Estructura de una pagina web 2
 
Estructura deuna poagina web 2
Estructura deuna poagina web 2Estructura deuna poagina web 2
Estructura deuna poagina web 2
 
Html 2
Html 2Html 2
Html 2
 
html mas paginas
html mas paginas html mas paginas
html mas paginas
 
Suficiencia html
Suficiencia htmlSuficiencia html
Suficiencia html
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Html2
Html2Html2
Html2
 
Primera parte
Primera partePrimera parte
Primera parte
 

Más de juandiegoc

Más de juandiegoc (20)

Mi primera pagina
Mi primera paginaMi primera pagina
Mi primera pagina
 
Bases de datos relacionales
Bases de datos relacionalesBases de datos relacionales
Bases de datos relacionales
 
Informes
InformesInformes
Informes
 
Informes
InformesInformes
Informes
 
Formularios
FormulariosFormularios
Formularios
 
FORMULARIOS
FORMULARIOSFORMULARIOS
FORMULARIOS
 
Bases de datos relacionales
Bases de datos relacionalesBases de datos relacionales
Bases de datos relacionales
 
Relaciones
RelacionesRelaciones
Relaciones
 
Relaciones
RelacionesRelaciones
Relaciones
 
Tablas
TablasTablas
Tablas
 
Audio
AudioAudio
Audio
 
Lego mindstorms nxt
Lego mindstorms nxtLego mindstorms nxt
Lego mindstorms nxt
 
Sensor tactil 12
Sensor tactil 12Sensor tactil 12
Sensor tactil 12
 
Sensor de luz
Sensor de luzSensor de luz
Sensor de luz
 
Sensor de sonido
Sensor de sonidoSensor de sonido
Sensor de sonido
 
Sensor ultrasonico 2
Sensor ultrasonico 2Sensor ultrasonico 2
Sensor ultrasonico 2
 
Nxt pro
Nxt proNxt pro
Nxt pro
 
Sensor tactil 1
Sensor tactil 1Sensor tactil 1
Sensor tactil 1
 
Sensor ultrasonico 2
Sensor ultrasonico 2Sensor ultrasonico 2
Sensor ultrasonico 2
 
Sensor de luz
Sensor de luzSensor de luz
Sensor de luz
 

Pagina web

  • 1. Unidad 2: estructura de una página web <HTML> <HEAD> <TITLE>COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE> </HEAD> <DODY BY COLOR="#006020"TEXT="SILVER"> BIENVENIDOS AL PORTAL WEB INSTITUCIONAL 76 AÑOS EDIFICANDO FUTURO COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO </BODY> </HTML>
  • 2. <HTML> <HEAD> <TITLE> COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE> </HEAD> <BODY BACKGROUND="IMAGENES/ESCUDO.jpg" TEXT="SILVER"> BIENVENIDOS AL PORTAL WEB INSTITUCIONAL 76 AÑOS EDIFICANDO FUTURO COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO </BODY> </HTML>
  • 3. 2. <HTML> <HEAD> <CENTER><TITLE>COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE></CENTER> </HEAD> <BODY BGCOLOR="#006020"> BIENVENIDOS AL PORTAL WEB INSTITUCIONAL<BR>76 AÑOS EDIFICANDO FUTURO<BR> <CENTER><H1> COLEGIO NACIONAL NICOLAS ESGUERRA <H1></CENTER> <HR><MARQUEE> EDIFICANDO FUTURO </MARQUEE> <HR><CENTER><IMG SRC="IMAGENES/ESCUDO.JPG" BORDER="4"></CENTER> <CENTER><TABLE BORDER="4"></CENTER> <TR> <TD>MATEMATICA</TD>
  • 4. <TD>ANA YOMARY</TD> </TR> <TR> <TD>SOCIALES Y RELIGION</TD> <TD>JUAN DE LA CRUZ</TD> </TR> <TR> <TD>INGLES</TD> <TD>MIRIAM ZAMUDIO</TD> </TR> <TR> <TD>INFORMATICA</TD> <TD>JOHN CARABALLO</TD> </TR> <TR> <TD>EDUCACION FISICA</TD> <TD>CARLOS</TD> </TR> <TR> <TD>GEOMETRIA</TD> <TD>ROSA COLOMBIA</TD> </TR> <TR> <TD>MUSICA</TD> <TD>CHAMORRO</TD>
  • 5. </TR> <TR> <TD>BILOGIA</TD> <TD>ELIZABETH BARON</TD> </TR> <TR> <TD>ESPAÑOL</TD> <TD>KAREN</TD> </TABLE> </TABLE> </BODY> </HTML> - Así quedara con la tabla: - Para agregar un color a la tabla copiamos la siguiente formula:
  • 6. <HTML> <HEAD> <CENTER><TITLE>COLEGIO NACIONAL NICOLAS ESGUERRA </TITLE></CENTER> </HEAD> <BODY BGCOLOR="#006020"> BIENVENIDOS AL PORTAL WEB INSTITUCIONAL<BR>76 AÑOS EDIFICANDO FUTURO<BR> <CENTER><H1> COLEGIO NACIONAL NICOLAS ESGUERRA <H1></CENTER> <HR><MARQUEE> EDIFICANDO FUTURO </MARQUEE> <HR><CENTER><IMG SRC="IMAGENES/ESCUDO.JPG" BORDER="4"></CENTER> <CENTER> <TABLE BORDER="1"BGCOLOR="AZURE"></CENTER> <TR> <TD BGCOLOR="#FAFAD2"=>ASIGNATURA</TD> <TD BGCOLOR="#FAFAD2"=>NOMBRE</TD> </TR> <TR> <TD> <IMG SRC="IMAGENES/MAT.GIF" WIDTH="40" HEIGHT="40"> MATEMATICA </TD> <TD>ANA YOMARY</TD> </TR> <TR> <TD> <IMG SRC="IMAGENES/RELIGIÓN.JPG" WIDTH="40" HEIGHT="40"> SOCIALES Y RELIGION</TD> <TD>JUAN DE LA CRUZ</TD>
  • 7. </TR> <TR> <TD><IMG SRC="IMAGENES/ING.GIF"WIDTH="40"HEIGHT="40">INGLES</TD> <TD>MIRIAM ZAMUDIO</TD> </TR> <TR> <TD><IMG SRC="IMAGENES/INF.JPG"WIDTH="40"HEIGHT="40">INFORMATICA</TD> <TD>JOHN CARABALLO</TD> </TR> <TR> <TD><IMG SRC="IMAGENES/EDU FI.GIF"WIDTH="40"HEIGHT="40">EDUCACION FISICA</TD> <TD>CARLOS</TD> </TR> <TR> <TD><IMG SRC="IMAGENES/GEO.GIF"WIDTH="40"HEIGHT="40">GEOMETRIA</TD> <TD>ROSA COLOMBIA</TD> </TR> <TR> <TD><IMG SRC="IMAGENES/MUS.JPG"WIDTH="40"HEIGHT="40">MUSICA</TD> <TD>CHAMORRO</TD> </TR> <TR>
  • 8. <TD><IMG SRC="IMAGENES/BIO.JPG"WIDTH="40"HEIGHT="40">BILOGIA</TD> <TD>ELIZABETH BARON</TD> </TR> <TR> <TD><IMG SRC="IMAGENES/ESP.GIF"WIDTH="40"HEIGHT="40">ESPAÑOL</TD> <TD>KAREN</TD> </TABLE> </TABLE> </BODY> </HTML> - Así queda nuestra tabla: