Skip to content

Latest commit

 

History

History
68 lines (42 loc) · 3.99 KB

01_01_01_project_myFirstWeb.md

File metadata and controls

68 lines (42 loc) · 3.99 KB

🔹Reto 1.1: Mi Primera Página HTML (cont...)

Dificultad: 🌻

Aprendizaje: 🍯🍯

Tiempo: ⏱⏱

Reacciona con 👀 cuando comiences la lectura y/o actividad.

Meta de Aprendizaje

Aprenderás a utilizar etiquetas adicionales de HTML para crear una página sencilla que contenga únicamente texto, enlaces e imágenes.

Descripción

Video : Explicación de lo que hay que hacer 🌟

Continuarás trabajando sólo con HTML pero agregaremos algunas etiquetas nuevas para que puedas practicar un poco más.

Utilizando un nuevo proyecto de CodePen, crea una página HTML simple que funcione como tu presentación personal. Esta debe incluir un título, 2 párrafos de bienvenida, una lista de intereses o hobbies, un enlace a un sitio web de tu interés y una imagen apropiada.

No cumples con la meta de aprendizaje si:

  • No tienes etiquetas de apertura y de cierre para todos los casos.

  • Tu nombre no está como título principal utilizando la etiqueta <h1>.

  • No incluyes 2 párrafos <p> de bienvenida o introducción sobre ti.

  • En el contenido de tus párrafos no incluyes una cita <blockquote> de una frase que te resulte interesante.

  • En el contenido de tus párrafos no incluyes 2 fragmentos de texto destacados con <em> o <strong>.

  • No incluyes una lista ordenada <ol> de tus intereses o hobbies.

  • No incluyes un enlace que funcione <a> un sitio web que te guste.

  • Una imagen <img> que te represente o que te guste.

Insumos para tu aprendizaje

Pauta de trabajo

  • Eres libre de hacer una página con cualquier otra temática o estructura siempre que cumplas con los criterios de evaluación.
  • Asegúrate de que comprendes lo que estás haciendo. No te limites a copiar y pegar sin pensar, analizar, probar, modificar, etc.
  • No te preocupes por aprenderte de memoria todas las etiquetas de HTML. Después de que hayas comprendido el concepto de etiquetas, cómo se usan y funcionan, enfócate en aquellas que te pedimos en este reto y ponlas a prueba cuanto antes.
  • Comienza agregando una etiqueta cada vez, verificando que funciona y comprendiendo el resultado antes de continuar.
  • Recuerda que en CodePen no necesitas crear la estructura básica de HTML : <html>, <head> y <body> porque CodePen ya incluye esas etiquetas aunque no las veas.
  • Para la etiqueta de la imagen, utiliza la URL de una que ya esté "en línea". Puedes subir la que quieras a https://imgur.com/ y obtener la URL con el botón "Grab Link".
  • Recuerda que puedes pedir la evaluación de una compañera antes de terminar tu reto.
  • ¡Diviértete y disfruta del proceso de aprendizaje! Recuerda que estar aturdida y confundida es parte natural del proceso.
  • Video : Tutorial o solución

  • 💡 Evaluación: Recuerda que puedes pedir la evaluación de una compañera antes de terminar tu reto y compartir la URL.

  • 📣 Al terminar, regresa a Discord , 💬 Comparte la URL de tu trabajo en el hilo y reacciona con ✅ para marcar tu progreso.