SlideShare una empresa de Scribd logo
1 de 19
TEMA:TEMA:
PROGRAMACIÓN PARA INTERNET ENPROGRAMACIÓN PARA INTERNET EN
HTMLHTML
GRADUANDO:
BUSTOS BARROSO FELICITAS
CARHUAZ, ENERO DEL 2016
UNA PÁGINA WEB ES UNA PÁGINA NORMALUNA PÁGINA WEB ES UNA PÁGINA NORMAL
CON INFORMACIONES EN CUYO TEXTOCON INFORMACIONES EN CUYO TEXTO
INTERCALAMOS CÓDIGOS O ETIQUETASINTERCALAMOS CÓDIGOS O ETIQUETAS
((TAGSTAGS EN INGLÉS) QUE DETERMINAN LA EN INGLÉS) QUE DETERMINAN LA
FORMA EN QUE ES MOSTRADA EN INTERNET YFORMA EN QUE ES MOSTRADA EN INTERNET Y
LOS ENLACES CON OTRAS PÁGINAS EN LA RED.LOS ENLACES CON OTRAS PÁGINAS EN LA RED.
OBJETIVOOBJETIVO
DAR A CONOCER A LOS PRESENTES LADAR A CONOCER A LOS PRESENTES LA
UTILIZACIÓN DEL CODIGO O ETIQUETAS ENUTILIZACIÓN DEL CODIGO O ETIQUETAS EN
HTML PARA CREAR PROGRAMAS PARAHTML PARA CREAR PROGRAMAS PARA
INTERNET, COMO POR EJEMPLO PAGINASINTERNET, COMO POR EJEMPLO PAGINAS
WEB.WEB.
CONOCIMIENTOS BÁSICOSCONOCIMIENTOS BÁSICOS
1.-1.- INTERNET:INTERNET:
RED DE REDESRED DE REDES
2.-2.- NAVEGADORES:NAVEGADORES:
EXPLOREREXPLORER
OPERAOPERA
GOOGLE CHROMEGOOGLE CHROME
SAFARISAFARI
3.-3.- PROGRAMACION:PROGRAMACION:
PROGRAMACIÓN ES EL PROCESO APROGRAMACIÓN ES EL PROCESO A
TRAVÉS DEL CUAL UN PROGRAMA OTRAVÉS DEL CUAL UN PROGRAMA O
APLICACIÓN INFORMÁTICAESAPLICACIÓN INFORMÁTICAES
DESARROLLADODESARROLLADO
PROGRAMACIÓN EN HTMLPROGRAMACIÓN EN HTML
Hypertext MarkUp LanguageHypertext MarkUp Language (HTML)(HTML)  
ES EL LENGUAJE QUE SE EMPLEA PARA EL DESARROLLO DE
PÁGINAS DE INTERNET. ESTÁ COMPUESTO POR UNA SERÍE
DE ETIQUETAS QUE EL NAVEGADOR INTERPRETA Y DA
FORMA EN LA PANTALLA.
INSTRUCCIONES O CÓDIGOS QUE COLOCAMOS EN
LAS PÁGINAS HTML SE INSERTAN EN EL TEXTO
ENMARCADAS POR LOS SÍMBOLOS < Y >. POR
EJEMPLO, EL CÓDIGO O ETIQUETA PARA INDICAR
LETRAS ITÁLICAS O CURSIVAS ES <I>. BUENA PARTE
DE ESTOS CÓDIGOS TIENEN SU CORRESPONDIENTE
ETIQUETA PARA CANCELAR O CERRAR EL COMANDO,
USÁNDOSE GENERALMENTE EL MISMO CÓDIGO,
PRECEDIDO DE UN "/".
<html>
<head>
<title>
Mi Página de prueba
</title>
</head>
<body>
<p>
Bienvenido a mi primera <i>página
web</i>.
<p>
Espero se sientan a gusto y disfruten
su visita.
</body>
</html>
SI DESEAMOS INTRODUCIR UN POCO DE COLOR EN LA PÁGINA,
PODEMOS HACERLO AGREGANDO LAS INSTRUCCIONES
CORRESPONDIENTES A LA ETIQUETA <BODY> EN LA FORMA
SIGUIENTE: 
<BODY BGCOLOR=BLUE TEXT=YELLOW>.
SE USA LA ETIQUETA <P>, DE FORMA TAL QUE <P
ALIGN=CENTER> PRODUCE TEXTO CENTRADO Y <P
ALIGN=RIGHT> PRODUCE TEXTO ALINEADO CON EL
MARGEN DERECHO DE LA PANTALLA.
SI DESEAMOS QUE EL TEXTO CONTINÚE EN LA LÍNEA SIGUIENTE,
PERO SIN EL ESPACIO VERTICAL QUE DEJA LA ETIQUETA <P>,
ENTONCES DEBEMOS USAR LA ETIQUETA <BR>
LOS TAMAÑOS DE LOS TEXTOS SE PUEDE HACER CON LAS
ETIQUETAS <H1>, <H2>, ETC.,
SI NUESTRO GRÁFICO SE LLAMA LOGO.GIF ENTONCES BASTA CON
USAR LA ETIQUETA<IMG SRC=LOGO.GIF>.
Si, Por Ejemplo, Deseamos Incluir Un Enlace Para La Página De Las Naciones
Unidas En Nuestra Página, Escribiríamos <A Href=http://Www.Un.Org> Seleccione
Aquí Para Visitar Las Naciones Unidas</A>. Fíjese Que La Etiqueta Inicial Es :
<A Href=…> Y Que Se Cierra Con Un Simple </A>.
PROCESO PARA PROGRAMAR ENPROCESO PARA PROGRAMAR EN
HTMLHTML
<html>
<head>
<title>
Mi Página de prueba
</title>
</head>
<body>
<p>
Bienvenido a mi primera <i>página
web</i>.
<p>
Espero se sientan a gusto y
disfruten su visita.
</body>
</html>
<html><html>
<head><head>
<meta charset="utf-8"><meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title><title>Portal básico - aprenderaprogramar.com</title>
</head></head>
<body><body>
<div id="page"><div id="page">
<div id="header"><!-- Aquí vendría el código de la cabecera --></div><div id="header"><!-- Aquí vendría el código de la cabecera --></div>
<div id="wrapper"><div id="wrapper">
<div id="menu"><!-- Aquí vendría el código del menú --></div><div id="menu"><!-- Aquí vendría el código del menú --></div>
<div id="body"><!-- Aquí vendría el código del cuerpo --></div><div id="body"><!-- Aquí vendría el código del cuerpo --></div>
</div></div>
<div id="footer"><!-- Aquí vendría el código del pié --></div><div id="footer"><!-- Aquí vendría el código del pié --></div>
</div></div>
</body></body>
</html></html>
CONCLUSIONESCONCLUSIONES
SUGERENCIASSUGERENCIAS
GRACIAS POR LA
ATENCIÓN PRESTADA

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
(Iii) pagina web
(Iii) pagina web(Iii) pagina web
(Iii) pagina web
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en html
 
Aprendiendo Google
Aprendiendo Google Aprendiendo Google
Aprendiendo Google
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Html basico
Html basicoHtml basico
Html basico
 
Introducción html5
Introducción html5Introducción html5
Introducción html5
 
Buscadores internet
Buscadores internetBuscadores internet
Buscadores internet
 
tutorial de instalación de wordpress en 1and1
tutorial de instalación de wordpress en 1and1tutorial de instalación de wordpress en 1and1
tutorial de instalación de wordpress en 1and1
 
HOTMAIL
HOTMAILHOTMAIL
HOTMAIL
 
Webdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGNWebdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGN
 
Html
HtmlHtml
Html
 
Pagina web I
Pagina web IPagina web I
Pagina web I
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 

Destacado

Моя газета+, апрель 2013
Моя газета+, апрель 2013Моя газета+, апрель 2013
Моя газета+, апрель 2013mmeshkov
 
Проект о проекте. Часть 1
Проект о проекте. Часть 1Проект о проекте. Часть 1
Проект о проекте. Часть 1mmeshkov
 
Любовь Герасёва - Сродники из Заонежья
Любовь Герасёва - Сродники из ЗаонежьяЛюбовь Герасёва - Сродники из Заонежья
Любовь Герасёва - Сродники из Заонежьяmmeshkov
 
С Новым годом!
С Новым годом!С Новым годом!
С Новым годом!mmeshkov
 
Ripperologist Magazine noviembre 2008
Ripperologist Magazine noviembre 2008Ripperologist Magazine noviembre 2008
Ripperologist Magazine noviembre 2008Gabriel Antonio Pombo
 
Официально-деловой стиль в одежде
Официально-деловой стиль в одеждеОфициально-деловой стиль в одежде
Официально-деловой стиль в одеждеmmeshkov
 
Administracion de medicamentos
Administracion de medicamentosAdministracion de medicamentos
Administracion de medicamentosLucho Rojas Rojas
 

Destacado (9)

Моя газета+, апрель 2013
Моя газета+, апрель 2013Моя газета+, апрель 2013
Моя газета+, апрель 2013
 
Saksham
SakshamSaksham
Saksham
 
Проект о проекте. Часть 1
Проект о проекте. Часть 1Проект о проекте. Часть 1
Проект о проекте. Часть 1
 
Любовь Герасёва - Сродники из Заонежья
Любовь Герасёва - Сродники из ЗаонежьяЛюбовь Герасёва - Сродники из Заонежья
Любовь Герасёва - Сродники из Заонежья
 
С Новым годом!
С Новым годом!С Новым годом!
С Новым годом!
 
Ripperologist Magazine noviembre 2008
Ripperologist Magazine noviembre 2008Ripperologist Magazine noviembre 2008
Ripperologist Magazine noviembre 2008
 
Saksham
SakshamSaksham
Saksham
 
Официально-деловой стиль в одежде
Официально-деловой стиль в одеждеОфициально-деловой стиль в одежде
Официально-деловой стиль в одежде
 
Administracion de medicamentos
Administracion de medicamentosAdministracion de medicamentos
Administracion de medicamentos
 

Similar a COMPUTACION

Similar a COMPUTACION (20)

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Html
HtmlHtml
Html
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Compu
CompuCompu
Compu
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Temas 10
Temas 10Temas 10
Temas 10
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Producto 4
Producto 4Producto 4
Producto 4
 
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...
Katherine duarte herrera   2do actividad no 2 -  - html ( hyper_text markup l...Katherine duarte herrera   2do actividad no 2 -  - html ( hyper_text markup l...
Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup l...
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 

Más de Lucho Rojas Rojas

Más de Lucho Rojas Rojas (8)

Derecho ambiental del peru
Derecho ambiental del peruDerecho ambiental del peru
Derecho ambiental del peru
 
Omar exposicion
Omar exposicionOmar exposicion
Omar exposicion
 
ENSAMBLAJE
ENSAMBLAJEENSAMBLAJE
ENSAMBLAJE
 
Ely 3
Ely 3Ely 3
Ely 3
 
Mantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadoraMantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadora
 
Principales transtornos digestivos
Principales transtornos digestivosPrincipales transtornos digestivos
Principales transtornos digestivos
 
aplicaciones moviles
aplicaciones movilesaplicaciones moviles
aplicaciones moviles
 
Práctica de programación web
Práctica de programación webPráctica de programación web
Práctica de programación web
 

Último

Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadJonathanHctorSilvaRo
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdheheheheheheheheheErickRolandoPadillaC1
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...CENECOnline
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 

Último (6)

Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 

COMPUTACION

  • 1. TEMA:TEMA: PROGRAMACIÓN PARA INTERNET ENPROGRAMACIÓN PARA INTERNET EN HTMLHTML GRADUANDO: BUSTOS BARROSO FELICITAS CARHUAZ, ENERO DEL 2016
  • 2. UNA PÁGINA WEB ES UNA PÁGINA NORMALUNA PÁGINA WEB ES UNA PÁGINA NORMAL CON INFORMACIONES EN CUYO TEXTOCON INFORMACIONES EN CUYO TEXTO INTERCALAMOS CÓDIGOS O ETIQUETASINTERCALAMOS CÓDIGOS O ETIQUETAS ((TAGSTAGS EN INGLÉS) QUE DETERMINAN LA EN INGLÉS) QUE DETERMINAN LA FORMA EN QUE ES MOSTRADA EN INTERNET YFORMA EN QUE ES MOSTRADA EN INTERNET Y LOS ENLACES CON OTRAS PÁGINAS EN LA RED.LOS ENLACES CON OTRAS PÁGINAS EN LA RED.
  • 3. OBJETIVOOBJETIVO DAR A CONOCER A LOS PRESENTES LADAR A CONOCER A LOS PRESENTES LA UTILIZACIÓN DEL CODIGO O ETIQUETAS ENUTILIZACIÓN DEL CODIGO O ETIQUETAS EN HTML PARA CREAR PROGRAMAS PARAHTML PARA CREAR PROGRAMAS PARA INTERNET, COMO POR EJEMPLO PAGINASINTERNET, COMO POR EJEMPLO PAGINAS WEB.WEB.
  • 4. CONOCIMIENTOS BÁSICOSCONOCIMIENTOS BÁSICOS 1.-1.- INTERNET:INTERNET: RED DE REDESRED DE REDES 2.-2.- NAVEGADORES:NAVEGADORES: EXPLOREREXPLORER OPERAOPERA GOOGLE CHROMEGOOGLE CHROME SAFARISAFARI 3.-3.- PROGRAMACION:PROGRAMACION: PROGRAMACIÓN ES EL PROCESO APROGRAMACIÓN ES EL PROCESO A TRAVÉS DEL CUAL UN PROGRAMA OTRAVÉS DEL CUAL UN PROGRAMA O APLICACIÓN INFORMÁTICAESAPLICACIÓN INFORMÁTICAES DESARROLLADODESARROLLADO
  • 5. PROGRAMACIÓN EN HTMLPROGRAMACIÓN EN HTML Hypertext MarkUp LanguageHypertext MarkUp Language (HTML)(HTML)   ES EL LENGUAJE QUE SE EMPLEA PARA EL DESARROLLO DE PÁGINAS DE INTERNET. ESTÁ COMPUESTO POR UNA SERÍE DE ETIQUETAS QUE EL NAVEGADOR INTERPRETA Y DA FORMA EN LA PANTALLA.
  • 6. INSTRUCCIONES O CÓDIGOS QUE COLOCAMOS EN LAS PÁGINAS HTML SE INSERTAN EN EL TEXTO ENMARCADAS POR LOS SÍMBOLOS < Y >. POR EJEMPLO, EL CÓDIGO O ETIQUETA PARA INDICAR LETRAS ITÁLICAS O CURSIVAS ES <I>. BUENA PARTE DE ESTOS CÓDIGOS TIENEN SU CORRESPONDIENTE ETIQUETA PARA CANCELAR O CERRAR EL COMANDO, USÁNDOSE GENERALMENTE EL MISMO CÓDIGO, PRECEDIDO DE UN "/".
  • 7. <html> <head> <title> Mi Página de prueba </title> </head> <body> <p> Bienvenido a mi primera <i>página web</i>. <p> Espero se sientan a gusto y disfruten su visita. </body> </html>
  • 8. SI DESEAMOS INTRODUCIR UN POCO DE COLOR EN LA PÁGINA, PODEMOS HACERLO AGREGANDO LAS INSTRUCCIONES CORRESPONDIENTES A LA ETIQUETA <BODY> EN LA FORMA SIGUIENTE:  <BODY BGCOLOR=BLUE TEXT=YELLOW>.
  • 9. SE USA LA ETIQUETA <P>, DE FORMA TAL QUE <P ALIGN=CENTER> PRODUCE TEXTO CENTRADO Y <P ALIGN=RIGHT> PRODUCE TEXTO ALINEADO CON EL MARGEN DERECHO DE LA PANTALLA. SI DESEAMOS QUE EL TEXTO CONTINÚE EN LA LÍNEA SIGUIENTE, PERO SIN EL ESPACIO VERTICAL QUE DEJA LA ETIQUETA <P>, ENTONCES DEBEMOS USAR LA ETIQUETA <BR>
  • 10. LOS TAMAÑOS DE LOS TEXTOS SE PUEDE HACER CON LAS ETIQUETAS <H1>, <H2>, ETC., SI NUESTRO GRÁFICO SE LLAMA LOGO.GIF ENTONCES BASTA CON USAR LA ETIQUETA<IMG SRC=LOGO.GIF>.
  • 11. Si, Por Ejemplo, Deseamos Incluir Un Enlace Para La Página De Las Naciones Unidas En Nuestra Página, Escribiríamos <A Href=http://Www.Un.Org> Seleccione Aquí Para Visitar Las Naciones Unidas</A>. Fíjese Que La Etiqueta Inicial Es : <A Href=…> Y Que Se Cierra Con Un Simple </A>.
  • 12. PROCESO PARA PROGRAMAR ENPROCESO PARA PROGRAMAR EN HTMLHTML
  • 13. <html> <head> <title> Mi Página de prueba </title> </head> <body> <p> Bienvenido a mi primera <i>página web</i>. <p> Espero se sientan a gusto y disfruten su visita. </body> </html>
  • 14. <html><html> <head><head> <meta charset="utf-8"><meta charset="utf-8"> <title>Portal básico - aprenderaprogramar.com</title><title>Portal básico - aprenderaprogramar.com</title> </head></head> <body><body> <div id="page"><div id="page"> <div id="header"><!-- Aquí vendría el código de la cabecera --></div><div id="header"><!-- Aquí vendría el código de la cabecera --></div> <div id="wrapper"><div id="wrapper"> <div id="menu"><!-- Aquí vendría el código del menú --></div><div id="menu"><!-- Aquí vendría el código del menú --></div> <div id="body"><!-- Aquí vendría el código del cuerpo --></div><div id="body"><!-- Aquí vendría el código del cuerpo --></div> </div></div> <div id="footer"><!-- Aquí vendría el código del pié --></div><div id="footer"><!-- Aquí vendría el código del pié --></div> </div></div> </body></body> </html></html>
  • 15.
  • 16.