Evaluación HTML Básico de refuerzo más tema de Formularios

RUTA DE LA EVALUACIÓN

Estructura de Contenidos en HTML Básico (Módulo 2)

Objetivo

El estudiante consolidará los conocimientos prácticos del Módulo 2 maquetando un sitio web que organice información por medio de listas, conecte recursos externos usando enlaces, monte imágenes almacenadas en local e implemente un sistema completo de captura de datos por medio de formulario.

Fase 1: Entorno de Trabajo e imagen en local

Abre VSC.
Crea una carpeta para el proyecto llamada modulo_2
En tu carpeta de proyectos de Visual Studio Code (Modulo2), asegúrate de tener el archivo gráfico imagen.png.
Crea el archivo llamado index.html para plasmar los nuevos requerimientos.

Fase 2: Instrucciones de Maquetación Paso a Paso

1. Realiza el encabezado de la página web incluyendo tu nombre

PRIMERA PARTE

2. Maquetación Temática Previa (Listas, Enlaces e Imágenes)

Agrega un bloque de contenido que cumpla con:

Enlaces (<a>): Crea una lista desordenada (<ul>) con al menos dos enlaces hacia páginas web externas de programación. Utiliza el atributo target="_blank" para forzar a que abran en una pestaña limpia del navegador.
Listas Ordenadas (<ol>): Crea una lista enumerada secuencial que describa los pasos lógicos que sigue un programador antes de lanzar un sitio web a producción.
Inserción de Imágenes (<img>): Llama a tu archivo imagen.png mediante el atributo src. Recuerda definirle un ancho prudente (width="250") y rellenar obligatoriamente el atributo descriptivo alt.

SEGUNDA PARTE

3. Componente de Formulario e Interactividad (Se mantiene intacto)

Construye la sección de registro utilizando la etiqueta <form> integrando los siguientes campos obligatorios:

Entradas de Texto y Formato: Configura campos para Nombre (type="text") y Correo Electrónico (type="email"), ambos con un placeholder de ejemplo visual y restricción required.
Seguridad y Tiempos: Configura un campo para Contraseña (type="password") y otro para fechas (type="date").
Campos de Marcación y Archivos: Diseña una botonera de selección excluyente (type="radio"), una casilla de carga de archivos locales (type="file") y un verificador obligatorio de términos legales (type="checkbox").
Procesamiento: Añade el botón definitivo de tipo type="submit".
Recuerda que los textos descriptivos arriba de los input se logran con la etiqueta label