SlideShare una empresa de Scribd logo
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

Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
Yo ♥ Tacna
 
(Iii) pagina web
(Iii) pagina web(Iii) pagina web
(Iii) pagina web
pxndxpoveda
 
Tema 03 formateando texto en html
Tema 03 formateando texto en htmlTema 03 formateando texto en html
Tema 03 formateando texto en html
Salomon Aquino
 
Aprendiendo Google
Aprendiendo Google Aprendiendo Google
Aprendiendo Google
Vadelay
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
Erick Vega
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
David Alejandro González González
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
davidrg4l
 
Tpd 02
Tpd 02Tpd 02
Html basico
Html basicoHtml basico
Html basico
Yo ♥ Tacna
 
Introducción html5
Introducción html5Introducción html5
Introducción html5
Ronald Rivas
 
Buscadores internet
Buscadores internetBuscadores internet
Buscadores internet
Jeniffer_Andrea
 
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
Javier Merchán Correa
 
HOTMAIL
HOTMAILHOTMAIL
Webdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGNWebdesign Aula 06 - CSS NO WEBDESIGN
Webdesign Aula 06 - CSS NO WEBDESIGN
Renato Melo
 
Html
HtmlHtml
Pagina web I
Pagina web IPagina web I
Pagina web I
crisdavidgonzalezc
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
Elim Aqp
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
laureanag
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
KarolCortes7
 

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
 
Saksham
SakshamSaksham
Saksham
Sachin Jain
 
Проект о проекте. Часть 1
Проект о проекте. Часть 1Проект о проекте. Часть 1
Проект о проекте. Часть 1
mmeshkov
 
Любовь Герасёва - Сродники из Заонежья
Любовь Герасёва - Сродники из ЗаонежьяЛюбовь Герасёва - Сродники из Заонежья
Любовь Герасёва - Сродники из Заонежья
mmeshkov
 
С Новым годом!
С Новым годом!С Новым годом!
С Новым годом!
mmeshkov
 
Ripperologist Magazine noviembre 2008
Ripperologist Magazine noviembre 2008Ripperologist Magazine noviembre 2008
Ripperologist Magazine noviembre 2008
Gabriel Antonio Pombo
 
Saksham
SakshamSaksham
Saksham
Sachin Jain
 
Официально-деловой стиль в одежде
Официально-деловой стиль в одеждеОфициально-деловой стиль в одежде
Официально-деловой стиль в одежде
mmeshkov
 
Administracion de medicamentos
Administracion de medicamentosAdministracion de medicamentos
Administracion de medicamentos
Lucho 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

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
danielaerazok
 
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
Macepla822
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
ABel Palma
 
Html
HtmlHtml
Html
UEB
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
Javier El Harry
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
Jos Joseph Lg
 
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
noelia alarcon
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
Jeckson Enrique Loza Arenas
 
Compu
CompuCompu
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
carolinaduran45
 
Temas 10
Temas 10Temas 10
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
María C. Plata
 
Producto 4
Producto 4Producto 4
Producto 4
LuisFernando2511
 
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...
decimosistemas2018
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
Elmer Roman
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
Elmer Roman
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
UPT "JOSÉ FELIX RIBAS"
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
GEEKS - Ventas y Servicios
 
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
Alvaroav
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
Viviana Mercedes Ponce
 

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

Derecho ambiental del peru
Derecho ambiental del peruDerecho ambiental del peru
Derecho ambiental del peru
Lucho Rojas Rojas
 
Omar exposicion
Omar exposicionOmar exposicion
Omar exposicion
Lucho Rojas Rojas
 
ENSAMBLAJE
ENSAMBLAJEENSAMBLAJE
ENSAMBLAJE
Lucho Rojas Rojas
 
Ely 3
Ely 3Ely 3
Mantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadoraMantenimiento fisico de_una_computadora
Mantenimiento fisico de_una_computadora
Lucho Rojas Rojas
 
Principales transtornos digestivos
Principales transtornos digestivosPrincipales transtornos digestivos
Principales transtornos digestivos
Lucho Rojas Rojas
 
aplicaciones moviles
aplicaciones movilesaplicaciones moviles
aplicaciones moviles
Lucho Rojas Rojas
 
Práctica de programación web
Práctica de programación webPráctica de programación web
Práctica de programación web
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

TEMA 1. DESTILACION [Autoguardado]_copia.pptx
TEMA 1. DESTILACION [Autoguardado]_copia.pptxTEMA 1. DESTILACION [Autoguardado]_copia.pptx
TEMA 1. DESTILACION [Autoguardado]_copia.pptx
ArmandoCastro93
 
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdfUSOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
politamazznaa
 
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdfTRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
anacruztone06
 
MONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdfMONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdf
darilpisco021
 
YouTube xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
YouTube  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxYouTube  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
YouTube xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
SharisNoelySancaYana1
 
Herramientas de la web 2.0.pptx
Herramientas    de     la    web    2.0.pptxHerramientas    de     la    web    2.0.pptx
Herramientas de la web 2.0.pptx
anittaeunice
 
cáncer a la próstata ( Contreras Vivanco Juan David).pptx
cáncer a la próstata ( Contreras Vivanco Juan David).pptxcáncer a la próstata ( Contreras Vivanco Juan David).pptx
cáncer a la próstata ( Contreras Vivanco Juan David).pptx
contrerasvivancoj
 
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdfLA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
YulianaCori
 
FORMATO GUÍA experimental resuelto yesss
FORMATO GUÍA experimental resuelto yesssFORMATO GUÍA experimental resuelto yesss
FORMATO GUÍA experimental resuelto yesss
mariel2006torresjenn
 
RL Tema 2 - Instalación física de una red.ppt
RL  Tema 2 - Instalación física de una red.pptRL  Tema 2 - Instalación física de una red.ppt
RL Tema 2 - Instalación física de una red.ppt
lvaroFernndez37
 
Actividad integradora 6 curso multimedia
Actividad integradora 6 curso multimediaActividad integradora 6 curso multimedia
Actividad integradora 6 curso multimedia
AliiIxh
 
Tema: gastritis. Contreras Vivanco Juan David pptx
Tema: gastritis. Contreras Vivanco Juan David pptxTema: gastritis. Contreras Vivanco Juan David pptx
Tema: gastritis. Contreras Vivanco Juan David pptx
contrerasvivancoj
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
Jean Apellidos
 
- El Cerebro Femenino como se desarrolla
- El Cerebro Femenino como se desarrolla- El Cerebro Femenino como se desarrolla
- El Cerebro Femenino como se desarrolla
BERTILAARTEAGATOLENT1
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
MJ Cachón Yáñez
 
importancia de la organizacion moderna jjj
importancia de la organizacion moderna jjjimportancia de la organizacion moderna jjj
importancia de la organizacion moderna jjj
gallegoscarneronelso
 
El uso de las tics en la vida cotidiana y en otros hábitos
El uso de las tics en la vida cotidiana y en otros  hábitosEl uso de las tics en la vida cotidiana y en otros  hábitos
El uso de las tics en la vida cotidiana y en otros hábitos
241560435
 
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docxAPLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
jordanovillacorta09
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
darilpisco021
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
ssuser82c1d6
 

Último (20)

TEMA 1. DESTILACION [Autoguardado]_copia.pptx
TEMA 1. DESTILACION [Autoguardado]_copia.pptxTEMA 1. DESTILACION [Autoguardado]_copia.pptx
TEMA 1. DESTILACION [Autoguardado]_copia.pptx
 
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdfUSOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
USOS_Y_TIPOS_DE_APLICACIONES_MOVILES_removed.pdf
 
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdfTRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
 
MONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdfMONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google)1.pdf
 
YouTube xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
YouTube  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxYouTube  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
YouTube xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 
Herramientas de la web 2.0.pptx
Herramientas    de     la    web    2.0.pptxHerramientas    de     la    web    2.0.pptx
Herramientas de la web 2.0.pptx
 
cáncer a la próstata ( Contreras Vivanco Juan David).pptx
cáncer a la próstata ( Contreras Vivanco Juan David).pptxcáncer a la próstata ( Contreras Vivanco Juan David).pptx
cáncer a la próstata ( Contreras Vivanco Juan David).pptx
 
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdfLA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
 
FORMATO GUÍA experimental resuelto yesss
FORMATO GUÍA experimental resuelto yesssFORMATO GUÍA experimental resuelto yesss
FORMATO GUÍA experimental resuelto yesss
 
RL Tema 2 - Instalación física de una red.ppt
RL  Tema 2 - Instalación física de una red.pptRL  Tema 2 - Instalación física de una red.ppt
RL Tema 2 - Instalación física de una red.ppt
 
Actividad integradora 6 curso multimedia
Actividad integradora 6 curso multimediaActividad integradora 6 curso multimedia
Actividad integradora 6 curso multimedia
 
Tema: gastritis. Contreras Vivanco Juan David pptx
Tema: gastritis. Contreras Vivanco Juan David pptxTema: gastritis. Contreras Vivanco Juan David pptx
Tema: gastritis. Contreras Vivanco Juan David pptx
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
 
- El Cerebro Femenino como se desarrolla
- El Cerebro Femenino como se desarrolla- El Cerebro Femenino como se desarrolla
- El Cerebro Femenino como se desarrolla
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
 
importancia de la organizacion moderna jjj
importancia de la organizacion moderna jjjimportancia de la organizacion moderna jjj
importancia de la organizacion moderna jjj
 
El uso de las tics en la vida cotidiana y en otros hábitos
El uso de las tics en la vida cotidiana y en otros  hábitosEl uso de las tics en la vida cotidiana y en otros  hábitos
El uso de las tics en la vida cotidiana y en otros hábitos
 
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docxAPLICACIONES EN INTERNET-GOOGLE4 XD.docx
APLICACIONES EN INTERNET-GOOGLE4 XD.docx
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
 
Encuentra ese factor X que te haga mejorar como SEO #SOB24
Encuentra ese factor X que te haga mejorar como SEO  #SOB24Encuentra ese factor X que te haga mejorar como SEO  #SOB24
Encuentra ese factor X que te haga mejorar como SEO #SOB24
 

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.