SlideShare una empresa de Scribd logo
1 de 8
Bachillerato técnico en Desarrollo y
administración de aplicaciones
informáticas.
Materia:
Diseñar portales web y recursos
multimedia.
Tema:
Desarrollo y Diseñar Pagina web, HTML
y Estructura
Prof: Welinton Burgos
Instituto Tecnológico San Ignacio de Loyola
[ITESIL]
HTML
Competencias o resultados
esperados a seguir.
• RA7.1: Determinar las herramientas de desarrollo web
para el diseño de la aplicación, utilizando lenguaje de
marca HTML y la estructura para crear a pagina web
según metodología definida y requerimientos de la
institución.
2
¿Qué es pagina web?
Es un documento o información electrónica capaz de
contener texto, sonido, vídeo, programas, enlaces,
imágenes y muchas otras cosas, y que puede ser accedida
mediante un navegador web. Esta información se
encuentra generalmente en formato HTML o XHTML, y
puede proporcionar acceso a otras páginas web mediante
enlaces de hipertexto.
3
¿QUÉ ES HTML?
El HTML (Hyper Text Markup Language). Estos
documentos pueden ser mostrados por los visores
de páginas Web en Internet, como Firefox,
Chrome o Microsoft Explorer.
Básicamente, HTML consta de una serie de
etiquetas, que indican al visor que se esté
utilizando, la forma de representar los elementos
(texto, gráficos, etc...) que contenga el
documento. La pagina se desarrollan con editores
de pagina web. Ejemplo
4
¿Qué es HTML?
Las etiquetas de HTML pueden ser de dos tipos, cerradas o
abiertas.
Las etiquetas < “Menor que” y > “Mayor que ”
Las etiquetas cerradas incluyen el carácter / antes de la
palabra clave para indicar el final de la misma. Ejemplo
</html>
5
Estructura básica de HTML
Un documento escrito en HTML contendría
básicamente las siguientes órdenes:
6
<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.
La página web está compuesta
por:
HTML
7
CSS
JavaScript
Estructura
Contenido
Apariencia
Comportamiento
− Párrafos
− Encabezados
− Listas
− Tabla
− Capas
− Etc.
− Textos
− Imágenes
− Enlaces
− Colores
− Tipografía
− Alineación
− Fondo
− Tamaños.
− Efectos
− Validaciones
− Automatización
Diseño
de
página web.
8
Fuentes:
https://images.app.goo.gl/BibQsKmc5EridGr79
https://www.youtube.com/watch?v=gQuoO_H4gzk
https://www.youtube.com/watch?v=E063BYORxXU
https://images.app.goo.gl/5fUyXq4S5qTCRTd79
https://www.youtube.com/watch?v=yJcoqOBklK4
https://www.ciudadano2cero.com/como-crear-una-pagina-web-en-html/
https://es.wikihow.com/hacer-una-p%C3%A1gina-web-en-HTML
https://www.youtube.com/watch?v=rbuYtrNUxg4

Más contenido relacionado

La actualidad más candente (19)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Christianjaimea-6
Christianjaimea-6Christianjaimea-6
Christianjaimea-6
 
De html xml
De html xmlDe html xml
De html xml
 
Diferencias entre XML y HTML
Diferencias entre XML y HTMLDiferencias entre XML y HTML
Diferencias entre XML y HTML
 
Html
HtmlHtml
Html
 
El código html
El código htmlEl código html
El código html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Jesica resabala mero html
Jesica resabala mero htmlJesica resabala mero html
Jesica resabala mero html
 
Toala Miguel 2C3
Toala Miguel 2C3Toala Miguel 2C3
Toala Miguel 2C3
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
XML: HTML y XHTML
XML: HTML y XHTMLXML: HTML y XHTML
XML: HTML y XHTML
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas html
 
Diferencia entre html y xml
Diferencia entre html y xmlDiferencia entre html y xml
Diferencia entre html y xml
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Abraham
AbrahamAbraham
Abraham
 
Pres 2
Pres 2Pres 2
Pres 2
 
Dn11 u3 a32_rpa
Dn11 u3 a32_rpaDn11 u3 a32_rpa
Dn11 u3 a32_rpa
 
Html
HtmlHtml
Html
 

Similar a Narrativa pagina-web-welinton-burgos

Similar a Narrativa pagina-web-welinton-burgos (20)

Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Presentacion asignatura
Presentacion asignaturaPresentacion asignatura
Presentacion asignatura
 
Tarea
TareaTarea
Tarea
 
Guía de Lenguaje de Programación
Guía de Lenguaje de ProgramaciónGuía de Lenguaje de Programación
Guía de Lenguaje de Programación
 
Tarea
TareaTarea
Tarea
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Html
HtmlHtml
Html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Producto 3
Producto 3Producto 3
Producto 3
 
Codigo HTML.docx
Codigo HTML.docxCodigo HTML.docx
Codigo HTML.docx
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
DIAPOSITIVA.pptx
DIAPOSITIVA.pptxDIAPOSITIVA.pptx
DIAPOSITIVA.pptx
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
Camilo diaz
Camilo diazCamilo diaz
Camilo diaz
 
01introduccion
01introduccion01introduccion
01introduccion
 
01introduccion
01introduccion01introduccion
01introduccion
 
01introduccion
01introduccion01introduccion
01introduccion
 
Programación para web
Programación para webProgramación para web
Programación para web
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 

Último

Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
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
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 

Último (20)

Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
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
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
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
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 

Narrativa pagina-web-welinton-burgos

  • 1. Bachillerato técnico en Desarrollo y administración de aplicaciones informáticas. Materia: Diseñar portales web y recursos multimedia. Tema: Desarrollo y Diseñar Pagina web, HTML y Estructura Prof: Welinton Burgos Instituto Tecnológico San Ignacio de Loyola [ITESIL] HTML
  • 2. Competencias o resultados esperados a seguir. • RA7.1: Determinar las herramientas de desarrollo web para el diseño de la aplicación, utilizando lenguaje de marca HTML y la estructura para crear a pagina web según metodología definida y requerimientos de la institución. 2
  • 3. ¿Qué es pagina web? Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. 3
  • 4. ¿QUÉ ES HTML? El HTML (Hyper Text Markup Language). Estos documentos pueden ser mostrados por los visores de páginas Web en Internet, como Firefox, Chrome o Microsoft Explorer. Básicamente, HTML consta de una serie de etiquetas, que indican al visor que se esté utilizando, la forma de representar los elementos (texto, gráficos, etc...) que contenga el documento. La pagina se desarrollan con editores de pagina web. Ejemplo 4
  • 5. ¿Qué es HTML? Las etiquetas de HTML pueden ser de dos tipos, cerradas o abiertas. Las etiquetas < “Menor que” y > “Mayor que ” Las etiquetas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma. Ejemplo </html> 5
  • 6. Estructura básica de HTML Un documento escrito en HTML contendría básicamente las siguientes órdenes: 6 <HTML> Indica el inicio del documento. <HEAD> Inicio de la cabecera. <TITLE> Inicio del título del documento. </TITLE> Final del título del documento. </HEAD> Final de la cabecera del documento. <BODY> Inicio del cuerpo del documento. </BODY> Final del cuerpo del documento. </HTML> Final del documento.
  • 7. La página web está compuesta por: HTML 7 CSS JavaScript Estructura Contenido Apariencia Comportamiento − Párrafos − Encabezados − Listas − Tabla − Capas − Etc. − Textos − Imágenes − Enlaces − Colores − Tipografía − Alineación − Fondo − Tamaños. − Efectos − Validaciones − Automatización Diseño de página web.