PRESENTACIÓN
HTML5 en Visaul Studio Code
Diseño en 2D para Web
EDITOR a utilizar visual satudio code
Índice
Entorno de visual studio code
Etiqueta de enlace
Estructura básica de HTML5
Etiqueta de imagen
Actividad 2 Corte 2
Etiquetas de texto
Etiquetas Meta
Audio y Video
Posicionamiento CSS
Colores y fondos
Subir pagina
Diseño Adaptable
Explicación del entorno de visual studio code
Sección 01
Se explicará en clase, seguir instrucciones
estructura basica de html5
HTML 5
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Introducción a html 5</title>
</head>
<body>
</body>
</html>
etiquetas de contenido y texto
+info
Etiqueta h que puede variar de 1 a 6 es una etiqueta de encabezado, cada documento html debe tener un solo h1 que sería el titulo de la pagina web
Etiqueta <p> es una etiqueta de contenido y tiene atributos como align, se abre y se cierra, es para texto en parrafo.
Etiqueta <em> </em>da enfasis en el texto( Pone el titulo en cursiva
etiquetas de contenido y texto
+info
Etiqueta <mark> </mark> resalta el texto por su relevancia
Etiqueta <i> da formato al texto poniendolo en cursiva
Etiqueta <b> </b> formatea el texto a negritas
etiquetas de contenido y texto
+info
Etiqueta <u> </u>texto subrayado
Etiqueta <strong> da formato al texto poniendolo en negritas
Etiqueta <small> </small> Define que un texto no es relevante y lo hace pequeño
etiquetas de contenido y texto
Etiqueta <cite> </cite> Para citar proyecto en cursiva, puede ser un libro, un video
Etiqueta <s> </s> Define que un texto ya no es relevante y lo tacha
Etiqueta <sup> </sup> representa un superindice, elevar a una potencia <sub> </sub> para un subindice
realizar actividad
Actividad 2 corte 2
Aplicar etiquetas de contenido y texto a un documento html5 en visual studio code, que trate sobre la información relevante para ustedes en este momento.Recuerda que puedes usar tambien las etiquetas <hr> y <br> en tu actividad que se vieron en la sesion anterior. Guardar actividad en tu carpeta de actividades corte 2, con portada que incluya los datos que siempre se solicitan. Agrega capturas de pantalla y explicación de lo que vas utilizando.
100%
Continuaremos
¡Muchas gracias!
Introducción a Visual Studio Code y HTML 5
silviaporfiria.guillen
Created on April 17, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Psychedelic Presentation
View
Chalkboard Presentation
View
Witchcraft Presentation
View
Sketchbook Presentation
View
Genial Storytale Presentation
View
Vaporwave presentation
View
Animated Sketch Presentation
Explore all templates
Transcript
PRESENTACIÓN
HTML5 en Visaul Studio Code
Diseño en 2D para Web
EDITOR a utilizar visual satudio code
Índice
Entorno de visual studio code
Etiqueta de enlace
Estructura básica de HTML5
Etiqueta de imagen
Actividad 2 Corte 2
Etiquetas de texto
Etiquetas Meta
Audio y Video
Posicionamiento CSS
Colores y fondos
Subir pagina
Diseño Adaptable
Explicación del entorno de visual studio code
Sección 01
Se explicará en clase, seguir instrucciones
estructura basica de html5
HTML 5
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Introducción a html 5</title> </head> <body> </body> </html>
etiquetas de contenido y texto
+info
Etiqueta h que puede variar de 1 a 6 es una etiqueta de encabezado, cada documento html debe tener un solo h1 que sería el titulo de la pagina web
Etiqueta <p> es una etiqueta de contenido y tiene atributos como align, se abre y se cierra, es para texto en parrafo.
Etiqueta <em> </em>da enfasis en el texto( Pone el titulo en cursiva
etiquetas de contenido y texto
+info
Etiqueta <mark> </mark> resalta el texto por su relevancia
Etiqueta <i> da formato al texto poniendolo en cursiva
Etiqueta <b> </b> formatea el texto a negritas
etiquetas de contenido y texto
+info
Etiqueta <u> </u>texto subrayado
Etiqueta <strong> da formato al texto poniendolo en negritas
Etiqueta <small> </small> Define que un texto no es relevante y lo hace pequeño
etiquetas de contenido y texto
Etiqueta <cite> </cite> Para citar proyecto en cursiva, puede ser un libro, un video
Etiqueta <s> </s> Define que un texto ya no es relevante y lo tacha
Etiqueta <sup> </sup> representa un superindice, elevar a una potencia <sub> </sub> para un subindice
realizar actividad
Actividad 2 corte 2
Aplicar etiquetas de contenido y texto a un documento html5 en visual studio code, que trate sobre la información relevante para ustedes en este momento.Recuerda que puedes usar tambien las etiquetas <hr> y <br> en tu actividad que se vieron en la sesion anterior. Guardar actividad en tu carpeta de actividades corte 2, con portada que incluya los datos que siempre se solicitan. Agrega capturas de pantalla y explicación de lo que vas utilizando.
100%
Continuaremos
¡Muchas gracias!