SlideShare una empresa de Scribd logo
1 de 7
INFORME
ESTUDIANTE: Chacaguasay Denisse SEMESTRE: Tercer
PARALELO: C PRÁCTICA:#1
TEMA:
Estructura, características y etiquetas básicas
OBJETIVO:
Conocer el editor de código “Visual Studio Code”, para el desarrollo, edición, de
páginas web en HTLM.
RESULTADOS DE APRENDIZAJE
- Estructura de una página web
- Crear un archivo HTLM
- Poner nombre y encabezado a una página web
- Etiquetas de encabezado
- Formato de texto
ACTIVIDADES:
I Introducción a HTLM
Instalación de Editor de código Visual Studio Code
Estructura que lleva una página web
DESARROLLO DE CONTENIDOS
1. En el buscador de google escribir : https://code.visualstudio.com/
2. Presionar en Download for Windows
3. Esperar a que termine de descarga
4. Presionar en abrir
5. Al presiona abrir debemos aceptar el acuerdo y presionar en Siguiente>
6. Presionamos en Siguiente >
7. Presionamos en Instalar
8. Esperamos a que se instale
9. Presionamos en Finalizar
ACTIVIDADES EN CLASES
1. Crear un archivo HTML
a) Presionar en File y elegir la opción New File
b) Luego de crear un archivo presionar en Save as
c) Escribimos el nombre que deseemos y cambiamos el tipo a HTLM
ESTRUCTURA DEL UNA PÁGINA WEB
EJERCICIO 1
1. Nombre y encabezado de la página web
EJERCICIO 2
2. Etiquetas de encabezados: h1, h2, h3, h4, h5, h6 y centrar los párrafos
EJECICIO 3
3. Párrafos y formatos de texto
BIBLIOGRAFÍA
Como crear un archivo en HTLM. (s.f.). Obtenido de
file:///C:/Users/TOSHIBA/Downloads/CREAR%20ARCHIVO%20HTML.
pdf
HTLM5. (s.f.). Obtenido de
file:///C:/Users/TOSHIBA/Downloads/HTML%205.pdf
Visual Studio Code . (2021). Obtenido de https://code.visualstudio.com/
f.) ______________________ f.) __________________
Denisse Chacaguasay MSc. Víctor Zapata
ESTUDIANTE DOCENTE

Más contenido relacionado

La actualidad más candente

¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopezgrupoaac
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacioneswebjesus alanis
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Carlos Guzmán
 
Curso cei 339 dreamweaver, nivel básico
Curso cei 339   dreamweaver, nivel básicoCurso cei 339   dreamweaver, nivel básico
Curso cei 339 dreamweaver, nivel básicoProcasecapacita
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webtomyycerr
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webJuan Flores
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina weblauraandrea1996
 
003 - Temas & temas hijos en WordPress
003 - Temas & temas hijos en WordPress003 - Temas & temas hijos en WordPress
003 - Temas & temas hijos en WordPressPablo Cianes
 
Proyecto final tecnologia
Proyecto final tecnologiaProyecto final tecnologia
Proyecto final tecnologiajuanpa1070
 

La actualidad más candente (18)

¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopez
 
Creacion Paginas Web
Creacion Paginas WebCreacion Paginas Web
Creacion Paginas Web
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Informe 7
Informe 7Informe 7
Informe 7
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
Informe 1
Informe 1Informe 1
Informe 1
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)
 
Estandares
EstandaresEstandares
Estandares
 
Experiencia de 6 a 7
Experiencia de 6 a 7Experiencia de 6 a 7
Experiencia de 6 a 7
 
Curso cei 339 dreamweaver, nivel básico
Curso cei 339   dreamweaver, nivel básicoCurso cei 339   dreamweaver, nivel básico
Curso cei 339 dreamweaver, nivel básico
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio web
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
003 - Temas & temas hijos en WordPress
003 - Temas & temas hijos en WordPress003 - Temas & temas hijos en WordPress
003 - Temas & temas hijos en WordPress
 
Proyecto final tecnologia
Proyecto final tecnologiaProyecto final tecnologia
Proyecto final tecnologia
 

Similar a Estructura, características y etiquetas básicas de HTML

Html Práctica
Html PrácticaHtml Práctica
Html Prácticakenethone
 
Trabajo practico numero1 informatica cristian malagoli
Trabajo practico numero1 informatica cristian malagoliTrabajo practico numero1 informatica cristian malagoli
Trabajo practico numero1 informatica cristian malagoliCristian Malagoli
 
Gestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterGestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterandrewzg
 
Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Carlos Guzmán
 
Trabajo practico nº 1.
Trabajo practico nº 1.Trabajo practico nº 1.
Trabajo practico nº 1.Meliperez
 
Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Carlos Guzmán
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarEduardo Méndez
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarJuan Hoyos
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarblasty2
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programarblasty2
 

Similar a Estructura, características y etiquetas básicas de HTML (20)

I1 u1
I1 u1I1 u1
I1 u1
 
Informe1
Informe1Informe1
Informe1
 
Html 5
Html 5Html 5
Html 5
 
Tp nº1
Tp nº1Tp nº1
Tp nº1
 
Trabajo practico n° 1
Trabajo practico n° 1Trabajo practico n° 1
Trabajo practico n° 1
 
Html Práctica
Html PrácticaHtml Práctica
Html Práctica
 
Trabajo practico numero1 informatica cristian malagoli
Trabajo practico numero1 informatica cristian malagoliTrabajo practico numero1 informatica cristian malagoli
Trabajo practico numero1 informatica cristian malagoli
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Gestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterGestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniter
 
Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code) Inf 1 (instalación de visual studio code)
Inf 1 (instalación de visual studio code)
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Trabajo practico nº 1.
Trabajo practico nº 1.Trabajo practico nº 1.
Trabajo practico nº 1.
 
Mariano
MarianoMariano
Mariano
 
Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 

Más de DenisseChacaguasay (20)

Operadores y expresiones
Operadores y expresionesOperadores y expresiones
Operadores y expresiones
 
Vectores
VectoresVectores
Vectores
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
 
Bucle for (1)
Bucle for (1)Bucle for (1)
Bucle for (1)
 
Bucle while
Bucle whileBucle while
Bucle while
 
Sentencias de decision (2)
Sentencias de decision (2)Sentencias de decision (2)
Sentencias de decision (2)
 
Tablas u3 e5
Tablas u3 e5Tablas u3 e5
Tablas u3 e5
 
Ejercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_cEjercicio denisse chacaguasay 3_c
Ejercicio denisse chacaguasay 3_c
 
Tarea con switch
Tarea con switchTarea con switch
Tarea con switch
 
I7 u2
I7 u2I7 u2
I7 u2
 
I6 u2
I6 u2I6 u2
I6 u2
 
I5 u2
I5 u2I5 u2
I5 u2
 
Ejercicios y operadores lógicos
Ejercicios y operadores lógicosEjercicios y operadores lógicos
Ejercicios y operadores lógicos
 
Sintaxis básica, variables y constantes
Sintaxis básica, variables y constantesSintaxis básica, variables y constantes
Sintaxis básica, variables y constantes
 
Img20210708 18023345
Img20210708 18023345Img20210708 18023345
Img20210708 18023345
 
Sintaxis básica, variables y constantes (3)
Sintaxis básica, variables y constantes (3)Sintaxis básica, variables y constantes (3)
Sintaxis básica, variables y constantes (3)
 
Configuración y aplicación de php
Configuración y aplicación de phpConfiguración y aplicación de php
Configuración y aplicación de php
 
Generalidades php
Generalidades phpGeneralidades php
Generalidades php
 
Css
CssCss
Css
 
I2 u1
I2 u1I2 u1
I2 u1
 

Último

Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
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
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
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
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
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
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 

Último (20)

Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
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
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
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
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
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
 
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
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 

Estructura, características y etiquetas básicas de HTML

  • 1. INFORME ESTUDIANTE: Chacaguasay Denisse SEMESTRE: Tercer PARALELO: C PRÁCTICA:#1 TEMA: Estructura, características y etiquetas básicas OBJETIVO: Conocer el editor de código “Visual Studio Code”, para el desarrollo, edición, de páginas web en HTLM. RESULTADOS DE APRENDIZAJE - Estructura de una página web - Crear un archivo HTLM - Poner nombre y encabezado a una página web - Etiquetas de encabezado - Formato de texto ACTIVIDADES: I Introducción a HTLM Instalación de Editor de código Visual Studio Code Estructura que lleva una página web DESARROLLO DE CONTENIDOS 1. En el buscador de google escribir : https://code.visualstudio.com/ 2. Presionar en Download for Windows
  • 2. 3. Esperar a que termine de descarga 4. Presionar en abrir 5. Al presiona abrir debemos aceptar el acuerdo y presionar en Siguiente> 6. Presionamos en Siguiente >
  • 3. 7. Presionamos en Instalar 8. Esperamos a que se instale 9. Presionamos en Finalizar
  • 4. ACTIVIDADES EN CLASES 1. Crear un archivo HTML a) Presionar en File y elegir la opción New File b) Luego de crear un archivo presionar en Save as c) Escribimos el nombre que deseemos y cambiamos el tipo a HTLM
  • 5. ESTRUCTURA DEL UNA PÁGINA WEB EJERCICIO 1 1. Nombre y encabezado de la página web EJERCICIO 2 2. Etiquetas de encabezados: h1, h2, h3, h4, h5, h6 y centrar los párrafos
  • 6. EJECICIO 3 3. Párrafos y formatos de texto
  • 7. BIBLIOGRAFÍA Como crear un archivo en HTLM. (s.f.). Obtenido de file:///C:/Users/TOSHIBA/Downloads/CREAR%20ARCHIVO%20HTML. pdf HTLM5. (s.f.). Obtenido de file:///C:/Users/TOSHIBA/Downloads/HTML%205.pdf Visual Studio Code . (2021). Obtenido de https://code.visualstudio.com/ f.) ______________________ f.) __________________ Denisse Chacaguasay MSc. Víctor Zapata ESTUDIANTE DOCENTE