markediahinds / day_1_intro_html_session_activity

Day 1 Intro to HTML Session Activity 🌐

Introduction 📖

This in session activity is crafted to enhance your HTML skills through a guided lesson and three individual challenges. These tasks are designed to be tackled either solo or in a group setting, offering a deep dive into the creation of structured web pages from scratch.

Getting Started 🚀

1. Fork and Clone the Repository: Begin by forking this repository to your GitHub account, then clone it to your local machine to access the project content.

2. Explore the Repository: Within the repository, you'll find the following structure:

   • guided/: Contains the starting point for our interactive guided lesson on HTML basics. 📚
   • challenge1/, challenge2/, challenge3/: These are your playgrounds for the challenges. You are to create an index.html file in each corresponding directory, following the overarching instructions and objectives provided here. 🧩
   • exemplar/: Offers a sneak peek at what the outcome of each challenge should look like. Use these examples as a benchmark for your work. 🔍

Project Objectives 🎯

By the end of this activity, you should be able to:

• Understand and apply foundational HTML tags and structure to create web pages.
• Embed various multimedia elements into web pages, enhancing their interactivity and appeal.
• Navigate and implement complex HTML structures, including multi-level navigation and content organization.

Challenges 🚀

• Navigate to the respective challenge directory (challenge1/, challenge2/, challenge3/).
• Create a new index.html file within the directory.
• Craft a web page adhering to the specific focus of the challenge, applying what you've learned and exploring HTML's capabilities.

Working Mode:

• Feel free to tackle these challenges individually or collaborate with your peers. Embrace the opportunity to apply, experiment, and expand your HTML understanding. 🤝

Learning Resources 📚

• Throughout these challenges, you'll engage with a variety of HTML tags, including <h1>, <p>, <img>, <a>, and more. For a deeper dive into these tags, their attributes, and additional HTML elements, refer to the comprehensive Mozilla Developer Network's (MDN) HTML documentation.