SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
INFORME
ESTUDIANETE: KAREN TROYA SEMESTRE: TERCERO
PARALELO: C PRÁCTICA: 3
TEMA:
Descubrir los tipos de letra que se pueden ingresar en html desde el Visual
Studio Code
OBJETIVO:
Saber cómo ingresar el tipo de letra para cada ocasión en la que se lo utiliza.
RESULTADOS DE APRENDIZAJE
-Comprensión de la aplicación Visual Studio Code.
-Uso correcto y aplicación para personalizar a una página web con distintos tipos
de letra.
-Aprender el uso de los códigos para ingresar tipos de letras cambiantes.
ACTIVIDADES:
-Realizar un ejercicio donde se ingrese los tipos de letra para saber que códigos
usar para cuando llegue el momento de realizar nuestra página web.
DESARROLLO DE CONTENIDOS
1. Ingresamos a Visual Studio Code y creamos nuestro ejercicio y para
ello debemos ingresar a file y new file.
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES
DE LA INFORMÁTICA
2. Para guardar nuestro ejercicio debemos irnos hasta Save As donde
Nos llevara a una carpeta y le daremos el nombre con el que mejor le
identifiquemos.
3. Para poder guardar nuestra página de manera correcta debemos
seleccionar HTML en tipo y guardar.
4. Una vez guardado el ejercicio podemos empezar a trabajar en nuestra
página creada en html para poder saber que código utilizar para cada tipo
de letra que queremos ingresar.
5.- Por ultimo ejecutamos con un control S para poder visualizar los tipos de
letra que ingresamos y así podremos visualizar en el buscador de nuestra
preferencia como se ven los tipos de letra.
6.- Para finalizar, dejare la línea de código de como realice la página en el
visual studio code:
<html>
<head>
<META charset="UTF-8"><META>
<title>Párrafos</title>
</head>
<body>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo
párrafo.</p>
<BR>ES UN SALTO DE LINEA</BR>
<BR>Texto normal <b>Texto en negrita</b></BR>
<BR>Texto normal <big>Texto grande</big></BR>
<BR>Texto normal <em>Texto enfatizado</em></BR>
<BR>Texto normal <i>Texto en itálica</i></BR>
<BR>Texto normal <small>Texto pequeño</small></BR>
<BR>Texto normal <strong>Texto fuerte</strong></BR>
<BR>Texto normal <sub>Texto subíndice</sub></BR>
<BR>Texto normal <sup>Texto superíndice</sup></BR>
<BR>Texto normal <ins>Texto subrayado</ins></BR>
<BR>Texto normal <del>Texto tachado</del></BR>
<BR>Texto normal <tt>Texto teletipo</tt></BR>
</body>
</html>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (7)

Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
Aprende-google-dart-capitulo-4
Aprende-google-dart-capitulo-4Aprende-google-dart-capitulo-4
Aprende-google-dart-capitulo-4
 
Html
HtmlHtml
Html
 
Present: I WEB DINAMICAS
Present: I WEB  DINAMICASPresent: I WEB  DINAMICAS
Present: I WEB DINAMICAS
 
Aprende-Google-dart-capitulo-1
Aprende-Google-dart-capitulo-1Aprende-Google-dart-capitulo-1
Aprende-Google-dart-capitulo-1
 

Similar a Tipos de letra HTML VS Code

Similar a Tipos de letra HTML VS Code (20)

3
33
3
 
Html Práctica
Html PrácticaHtml Práctica
Html Práctica
 
2
22
2
 
html
htmlhtml
html
 
In 3
In 3In 3
In 3
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
Jefferson cuenca practica#3
Jefferson cuenca practica#3Jefferson cuenca practica#3
Jefferson cuenca practica#3
 
DOCUMENTO TRES DE PROGRAMACIÓN
DOCUMENTO TRES DE PROGRAMACIÓNDOCUMENTO TRES DE PROGRAMACIÓN
DOCUMENTO TRES DE PROGRAMACIÓN
 
Computación 1 y 3
Computación 1 y 3Computación 1 y 3
Computación 1 y 3
 
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
 
Como crear tag crowd
Como crear tag crowdComo crear tag crowd
Como crear tag crowd
 
Html
HtmlHtml
Html
 
unidad 1
unidad 1unidad 1
unidad 1
 
Tutorial formulario
Tutorial formularioTutorial formulario
Tutorial formulario
 
DOCUMENTO DOS DE PROGRAMACIÓN
DOCUMENTO DOS DE PROGRAMACIÓNDOCUMENTO DOS DE PROGRAMACIÓN
DOCUMENTO DOS DE PROGRAMACIÓN
 
Informe1
Informe1Informe1
Informe1
 
Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
In 2
In 2In 2
In 2
 
Jefferson cuenca practica#2
Jefferson cuenca practica#2Jefferson cuenca practica#2
Jefferson cuenca practica#2
 

Más de JoelMorales84

Más de JoelMorales84 (20)

Informe examen
Informe examenInforme examen
Informe examen
 
Consulta bdd
Consulta bddConsulta bdd
Consulta bdd
 
Base de datos php myadmin (2)
Base de datos   php myadmin (2)Base de datos   php myadmin (2)
Base de datos php myadmin (2)
 
Bucle foreach (1)
Bucle foreach (1)Bucle foreach (1)
Bucle foreach (1)
 
Bucle for
Bucle forBucle for
Bucle for
 
Bucle while
Bucle whileBucle while
Bucle while
 
Sintaxis básica
Sintaxis básicaSintaxis básica
Sintaxis básica
 
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 (1)
Generalidades php (1)Generalidades php (1)
Generalidades php (1)
 
Diseño de formularios (1)
Diseño de formularios (1)Diseño de formularios (1)
Diseño de formularios (1)
 
Listas
ListasListas
Listas
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Html5 img gif_sonido_video-comprimido
Html5 img gif_sonido_video-comprimidoHtml5 img gif_sonido_video-comprimido
Html5 img gif_sonido_video-comprimido
 
Editores de código
Editores de códigoEditores de código
Editores de código
 
Crear archivo html (2)
Crear archivo html (2)Crear archivo html (2)
Crear archivo html (2)
 
Html 5 (5)
Html 5 (5)Html 5 (5)
Html 5 (5)
 
3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
 
Reglas
Reglas Reglas
Reglas
 
U7
U7U7
U7
 
U66
U66U66
U66
 

Último

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
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
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
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
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
 
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
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Baker Publishing Company
 
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
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxMapyMerma1
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
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
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 

Último (20)

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
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
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...
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
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
 
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
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
 
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
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptx
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
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
 
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
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 

Tipos de letra HTML VS Code

  • 1. INFORME ESTUDIANETE: KAREN TROYA SEMESTRE: TERCERO PARALELO: C PRÁCTICA: 3 TEMA: Descubrir los tipos de letra que se pueden ingresar en html desde el Visual Studio Code OBJETIVO: Saber cómo ingresar el tipo de letra para cada ocasión en la que se lo utiliza. RESULTADOS DE APRENDIZAJE -Comprensión de la aplicación Visual Studio Code. -Uso correcto y aplicación para personalizar a una página web con distintos tipos de letra. -Aprender el uso de los códigos para ingresar tipos de letras cambiantes. ACTIVIDADES: -Realizar un ejercicio donde se ingrese los tipos de letra para saber que códigos usar para cuando llegue el momento de realizar nuestra página web. DESARROLLO DE CONTENIDOS 1. Ingresamos a Visual Studio Code y creamos nuestro ejercicio y para ello debemos ingresar a file y new file. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
  • 2. 2. Para guardar nuestro ejercicio debemos irnos hasta Save As donde Nos llevara a una carpeta y le daremos el nombre con el que mejor le identifiquemos. 3. Para poder guardar nuestra página de manera correcta debemos seleccionar HTML en tipo y guardar.
  • 3. 4. Una vez guardado el ejercicio podemos empezar a trabajar en nuestra página creada en html para poder saber que código utilizar para cada tipo de letra que queremos ingresar. 5.- Por ultimo ejecutamos con un control S para poder visualizar los tipos de letra que ingresamos y así podremos visualizar en el buscador de nuestra preferencia como se ven los tipos de letra.
  • 4. 6.- Para finalizar, dejare la línea de código de como realice la página en el visual studio code: <html> <head> <META charset="UTF-8"><META> <title>Párrafos</title> </head> <body> <p>Este es el primer párrafo.</p> <p>Y este es el segundo párrafo.</p> <BR>ES UN SALTO DE LINEA</BR> <BR>Texto normal <b>Texto en negrita</b></BR> <BR>Texto normal <big>Texto grande</big></BR> <BR>Texto normal <em>Texto enfatizado</em></BR> <BR>Texto normal <i>Texto en itálica</i></BR> <BR>Texto normal <small>Texto pequeño</small></BR> <BR>Texto normal <strong>Texto fuerte</strong></BR> <BR>Texto normal <sub>Texto subíndice</sub></BR> <BR>Texto normal <sup>Texto superíndice</sup></BR> <BR>Texto normal <ins>Texto subrayado</ins></BR> <BR>Texto normal <del>Texto tachado</del></BR> <BR>Texto normal <tt>Texto teletipo</tt></BR> </body> </html>