Laboratorio 01 - HTML

CODIGO DEL CURSO: II3100
Alumno(s) Nota
Yaguno Huamaní Ángel Eduardo
Grupo B
Ciclo III
Fecha de entrega 10/09/2023
DISEÑO DE SOFTWARE E INTEGRACIÓN DE SISTEMAS

PROGRAMA DE FORMACIÓN REGULAR
Desarrollo de Aplicaciones en Internet – Lab. 01 Nro. DD-106
HTML Página 1 de 11
I. OBJETIVOS
o Diseñar páginas Web utilizando Etiquetas avanzadas y validación de formularios con
HTML5.
II. SEGURIDAD
Advertencia:
En este laboratorio está prohibida la manipulación de hardware, conexiones
eléctricas o de red; así como la ingestión de alimentos o bebidas.
III. NORMAS EMPLEADAS

🌕 No aplica
IV. RECURSOS
🌕 En el siguiente laboratorio se trabajará con un equipo que cuente con una conexión a
🌕 También se requiere Visual Studio Code.
Internet y un navegador web (Mozilla Firefox o Google Chrome).
🌕 Se requieren las siguientes extensiones instaladas:

o Live Server
o Liver Server Preview
o Prettier - Code Fomater
o Path Intellisense
V. METODOLOGÍA PARA EL DESARROLLO DE LA TAREA

o El desarrollo del laboratorio es individual.
VI. MARCO TEÓRICO Y PROCEDIMIENTO

o HTML es el lenguaje con el que se define el contenido de las páginas web.
Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y
otros elementos que compondrán una página web, como imágenes, listas, vídeos,
etc.
Preparando nuestro entorno de trabajo.
● verificamos que en nuestra PC tenemos únicamente chrome y office
● Ahora debemos descargar e instalar Visual Studio Code
● Por último, instalamos las extensiones mencionadas en los recursos.

● Por último, creamos una carpeta en el escritorio o una ubicación de su

preferencia y la abrimos desde visual studio code y procedemos a realizar las
actividades del laboratorio (seguir indicaciones del docente).
Actividad 1 – Mi primera página en HTML
Actividad 2 – Titulos
Actividad 3 – Parrafos
o Actividad 4 – Links
o Actividad 5 – Imágenes
o Actividad 6 - Audio
o Actividad 7 – Video
o Actividad 8 – Tablas
o Actividad 9 – Formularios
o Actividad 10 – Validación de Formularios
VII. TRABAJO PROPUESTO

1. Utilizando todo lo aprendido en el laboratorio desarrollar una pagina en HTML cuyo tema sea una
presentación personal, la página debe contener los siguientes puntos.
● Fotografía o Avatar
● Presentación personal
● Sobre Mi (lo que nos apasiona, hobbies, gustos)
● Tecnologías y lenguajes de Programación
● Formación Profesional
● idiomas
Link de Github:
https://github.com/AnglYH/Lab01
VIII. OBSERVACIONES
● Para colocar una imagen en nuestra página web en html se debe usar la etiqueta <img> seguido
del atributo ‘src’ que especifica la ruta de la imagen.
● Para colocar un video se utiliza la etiqueta <video> seguido igualmente del atributo ‘src’ para
especificar su ruta y ‘type’ para indicar que tipo de formato tiene el vídeo.
● Para crear un formulario se usa <form>. Además hay más etiquetas como <input> que sirve para
agregar elementos al formulario, <button> que funciona como un botón.
● HTML tiene etiquetas como <html>, <head> y <body> que definen la estructura básica de la
página web.
● Se utiliza la etiqueta <meta> en la sección <head> para proporcionar información importante
sobre tu página, como la codificación de caracteres, la descripción y las palabras clave.
IX. CONCLUSIONES
● HTML es el lenguaje fundamental utilizado para definir la estructura y el contenido de una página
web. Aprendí cómo utilizar etiquetas HTML como <h1>, <img>, <ul>, <form>, entre otras, para
crear contenido web significativo y bien estructurado.
● Entendí varias etiquetas HTML clave, como <img> para imágenes, <video> y <audio> para
medios multimedia, <form> para formularios y etiquetas semánticas para mejorar la estructura y
la accesibilidad del contenido.
● Aunque no se profundizó en CSS hoy, se mencionó la importancia de enlazar hojas de estilo
CSS para controlar la presentación y el diseño de una página web. CSS se utiliza para dar estilo
y mejorar la apariencia de los elementos HTML.
● Aprendí cómo agregar imágenes, videos y audios a una página web utilizando etiquetas HTML
específicas. También exploramos la creación de formularios HTML y cómo estructurarlos
correctamente para recopilar datos de los usuarios.

Laboratorio 01 - HTML

Cargado por

Copyright:

Formatos disponibles

Laboratorio 01 - HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Laboratorio 01 - HTML

Cargado por

Copyright:

Formatos disponibles

CODIGO DEL CURSO: II3100

Yaguno Huamaní Ángel Eduardo

DISEÑO DE SOFTWARE E INTEGRACIÓN DE SISTEMAS

III. NORMAS EMPLEADAS

🌕 Se requieren las siguientes extensiones instaladas:

V. METODOLOGÍA PARA EL DESARROLLO DE LA TAREA

VI. MARCO TEÓRICO Y PROCEDIMIENTO

Preparando nuestro entorno de trabajo.

● verificamos que en nuestra PC tenemos únicamente chrome y office

● Ahora debemos descargar e instalar Visual Studio Code

● Por último, instalamos las extensiones mencionadas en los recursos.

● Por último, creamos una carpeta en el escritorio o una ubicación de su

Actividad 1 – Mi primera página en HTML

o Actividad 10 – Validación de Formularios

VII. TRABAJO PROPUESTO

También podría gustarte