SlideShare uma empresa Scribd logo
1 de 47
TALLER DE PROGRAMACIÓN DISTRIBUIDA Instituto Superior  de Educación Publico “LA SALLE” SEGUNDA  ACTIVIDAD DE APRENDIZAJE CREANDO PÁGINAS WEB CON EL LENGUAJE HTML Docente: Ing. Alex Fernando Huillca
HTML ,[object Object],[object Object],[object Object],[object Object]
1. Empezando a utilizar html ,[object Object]
etiquetas ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
GUARDAR DOCUMENTO ,[object Object],[object Object],[object Object],[object Object]
2.  Mi primera página ,[object Object],[object Object],[object Object]
VISTA DE LA PÁGINA ,[object Object]
3. Mejorando la página ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
3.2. Aumentar el tamaño del texto ,[object Object],[object Object]
[object Object]
3.3. Poner un color de fondo ,[object Object],[object Object],[object Object]
VER COLOR DE FONDO ,[object Object]
3.4. Cambiar el color del texto ,[object Object],[object Object]
Ver color de la letra ,[object Object]
3.5.  Saltos de línea ,[object Object],[object Object]
Ver saltos de linea ,[object Object],[object Object],[object Object]
3.6 Párrafos ,[object Object]
Ver parrafos ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
4.  La cabecera ,[object Object],[object Object],[object Object]
Agregar titulo ,[object Object],[object Object],[object Object],[object Object],[object Object]
Agregar titulo ,[object Object],[object Object],[object Object],[object Object]
5. Imágenes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ver imagen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
5.1. Atributos de la imagen width y height ,[object Object],[object Object],[object Object]
Ancho y largo de la imagen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
5.2. Colocar una imagen como fondo de la página  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
6. Vínculos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ver vinculos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
6.2. Vínculos a otro documento externo al sitio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
6.3. Vínculos a otro documento externo al sitio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
6.4.- Vínculos a otra parte del mismo documento. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
6.5.- Vínculos de correo electrónico ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
6.6. Imagen como vínculo a otro documento ,[object Object],[object Object],[object Object]
Vinculo imagen otro documento ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
7. Listas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Resultado de listas no numeradas ,[object Object],[object Object],[object Object],[object Object]
7.2. Listas numeradas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Resultado listas no numeradas ,[object Object],[object Object],[object Object],[object Object]
7.3. Listas anidadas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Resultado listas anidadas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
5.4  Listas de definiciones ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Resultado listas de definiciones ,[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados (19)

Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Html basico
Html basicoHtml basico
Html basico
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
html
htmlhtml
html
 
Laura bonilla 102 tics jmv
Laura bonilla 102 tics jmvLaura bonilla 102 tics jmv
Laura bonilla 102 tics jmv
 
Html
HtmlHtml
Html
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 

Semelhante a Tpd 02 (20)

PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Guia De Laboratorios Dap I 2008 Area Web
Guia De Laboratorios Dap I 2008   Area WebGuia De Laboratorios Dap I 2008   Area Web
Guia De Laboratorios Dap I 2008 Area Web
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Clase 1
Clase 1Clase 1
Clase 1
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Html
HtmlHtml
Html
 
Html111
Html111Html111
Html111
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Periodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicaPeriodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTica
 
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
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en html
 
4 Html
4 Html4 Html
4 Html
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 

Mais de LA SALLE URUBAMBA

Mais de LA SALLE URUBAMBA (20)

1ra Reunión de coordinación de la Academia
1ra Reunión de coordinación de la Academia1ra Reunión de coordinación de la Academia
1ra Reunión de coordinación de la Academia
 
Ficha R.M. Semana 1 SEPREAC LA SALLE 2024
Ficha R.M. Semana 1 SEPREAC LA SALLE 2024Ficha R.M. Semana 1 SEPREAC LA SALLE 2024
Ficha R.M. Semana 1 SEPREAC LA SALLE 2024
 
Ficha Aritmética Semana 1 SEPREAC LA SALLE 2024
Ficha Aritmética Semana 1 SEPREAC LA SALLE 2024Ficha Aritmética Semana 1 SEPREAC LA SALLE 2024
Ficha Aritmética Semana 1 SEPREAC LA SALLE 2024
 
Ficha Algebra Semana 1 SEPREAC LA SALLE 2024
Ficha Algebra Semana 1 SEPREAC LA SALLE 2024Ficha Algebra Semana 1 SEPREAC LA SALLE 2024
Ficha Algebra Semana 1 SEPREAC LA SALLE 2024
 
Ficha Biología Semana 1 SEPREAC LA SALLE 2024
Ficha Biología Semana 1 SEPREAC LA SALLE 2024Ficha Biología Semana 1 SEPREAC LA SALLE 2024
Ficha Biología Semana 1 SEPREAC LA SALLE 2024
 
Ficha Química Semana 1 SEPREAC LA SALLE 2024
Ficha Química Semana 1 SEPREAC LA SALLE 2024Ficha Química Semana 1 SEPREAC LA SALLE 2024
Ficha Química Semana 1 SEPREAC LA SALLE 2024
 
Sesion_01_GPTI_DSI.pdf
Sesion_01_GPTI_DSI.pdfSesion_01_GPTI_DSI.pdf
Sesion_01_GPTI_DSI.pdf
 
Sesion 05 itic_ci
Sesion 05 itic_ciSesion 05 itic_ci
Sesion 05 itic_ci
 
Sesion 03 itic_c_iok
Sesion 03 itic_c_iokSesion 03 itic_c_iok
Sesion 03 itic_c_iok
 
Sesion 02 itic_ci
Sesion 02 itic_ciSesion 02 itic_ci
Sesion 02 itic_ci
 
Sesión 01 ITIC
Sesión 01 ITICSesión 01 ITIC
Sesión 01 ITIC
 
Guia del participante 2012 aulas virtuales
Guia del participante 2012 aulas virtualesGuia del participante 2012 aulas virtuales
Guia del participante 2012 aulas virtuales
 
Sesión n°1 estilos de aprendizaje
Sesión n°1 estilos de aprendizajeSesión n°1 estilos de aprendizaje
Sesión n°1 estilos de aprendizaje
 
Sesion n°02 2012 ce
Sesion n°02 2012 ceSesion n°02 2012 ce
Sesion n°02 2012 ce
 
Sesion n°09 2012
Sesion n°09 2012Sesion n°09 2012
Sesion n°09 2012
 
Sesion n°08 2012
Sesion n°08 2012Sesion n°08 2012
Sesion n°08 2012
 
Sesion n°3 2012 tbd
Sesion n°3 2012 tbdSesion n°3 2012 tbd
Sesion n°3 2012 tbd
 
Sesion n°05 06 2012
Sesion n°05 06 2012Sesion n°05 06 2012
Sesion n°05 06 2012
 
Guia del estudiante 2012
Guia del estudiante 2012Guia del estudiante 2012
Guia del estudiante 2012
 
Sesion n°01 2012 ce
Sesion n°01 2012 ceSesion n°01 2012 ce
Sesion n°01 2012 ce
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (10)

investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 

Tpd 02

  • 1. TALLER DE PROGRAMACIÓN DISTRIBUIDA Instituto Superior de Educación Publico “LA SALLE” SEGUNDA ACTIVIDAD DE APRENDIZAJE CREANDO PÁGINAS WEB CON EL LENGUAJE HTML Docente: Ing. Alex Fernando Huillca
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.