Actividades de Html

 

La Consigna

 Crear el perfil digital de una persona, personaje o mascota. La página debe estructurarse correctamente y contener información dividida en secciones.

🧱 Requisitos Técnicos (La Estructura Obligatoria)

Tu archivo debe llamarse obligatoriamente index.html y debe seguir este esqueleto estándar

 

 Requisitos de Contenido (Dentro del <body>)

Para cumplir con la actividad, debes usar las siguientes etiquetas dentro del cuerpo de tu página:

1. Encabezado Principal (<h1>): El nombre de la persona o mascota.

2. Párrafo de Introducción (<p>): Una breve descripción de quién es, qué hace o qué le gusta (mínimo 3 líneas).

3. Subtítulo (<h2>): Un título para una sección de "Mis Intereses" o "Mis Habilidades".

4. Lista Desordenada (<ul> y <li>): Una lista con al menos 3 pasatiempos, habilidades o datos curiosos.

5. Imagen (<img>): Una foto de perfil (puedes usar un enlace de internet o una imagen local). No olvides el atributo alt.

6. Enlace (<a>): Un link que lleve a una página web externa que le guste a tu personaje (por ejemplo, Wikipedia, YouTube, etc.).

 Pasos sugeridos para los estudiantes

1. Abre tu editor de código (por ejemplo, VS Code o incluso el Bloc de Notas).

2. Copia y pega la estructura básica (Doctype, html, head, body).

3. Cambia el texto dentro de <title> para que tenga tu nombre.

4. Entra al <body> y empieza a añadir tus etiquetas de contenido una por una.

5. Guarda el archivo como index.html.

6. ¡Dale doble clic al archivo guardado para abrirlo en tu navegador y ver el resultado!

Ejercicios:

 Diseñar una pequeña guía turística de su ciudad ideal o de un anime/deporte que les guste.

• Elementos a incluir:
• Al menos tres imágenes (<img>) con sus respectivos atributos de texto alternativo (alt).
• Enlaces externos (<a>) que abran en una pestaña nueva (target="_blank") para ampliar la información en Wikipedia.
• Un enlace de correo electrónico (mailto:) simulando un contacto. 

Ejercicio 2

 Crear una tabla interactiva con su horario de clases semanal o el calendario de transmisiones de sus streamers favoritos.

Elementos a incluir:

• La estructura principal de la tabla (<table>, <tr>, <td>).
• Encabezados de columna para los días de la semana (<th>).
• Uso de atributos básicos como bordes para que visualicen la división de celdas

Ejercicio 3

Diseñar un formulario de inscripción para un evento o club escolar.

Elementos a incluir:

• Campos de texto simples para el nombre y apellido (<input type="text">).
• Un campo para el correo electrónico (<input type="email">).
• Botones de opción (<input type="radio">) para elegir la plataforma (PC, PlayStation, Xbox, Nintendo Switch).
• Un botón de envío (<button type="submit">)

Pagina a consultar : 

https://leonorcanuelo.com/conceptos-basicos-html/