Skip to content

jjlipat-mcl/IT114LM1W1-Introduction-to-HTML-and-CSS

Repository files navigation

❗️❗️ Before you start, please Fork and Clone the repository. ❗️❗️

Module 1 Week 1: HTML and CSS Guided Exercises

Welcome to the guided exercises for learning HTML and CSS! This repository contains a series of exercises designed to help you practice and build your skills in creating web pages and styling them with CSS. For each exercise, you must follow the instructions given in the TODOs. Below is an overview of the exercises available:

Exercise 0: Hello HTML

  • Objective: Create a basic HTML document structure.
  • Key Concepts: Doctype declaration, head, title, and body tags.
  • Estimated Time: 10 minutes
  • README: Exercise 1 README

Exercise 1: Essential HTML Tags

  • Objective: Customize the content and structure of an HTML page.
  • Key Concepts: Updating the title, adding headers, paragraphs, links, lists, and images.
  • Estimated Time: 20 minutes
  • README: Exercise 2 README

Exercise 2: Exploring HTML Form Elements

  • Objective: Practice working with HTML form elements.
  • Key Concepts: Text fields, dropdowns, radio buttons, checkboxes, and text areas.
  • Estimated Time: 30 minutes
  • README: Exercise 3 README

Exercise 3: Styling with CSS

  • Objective: Apply styling to HTML elements using CSS.
  • Key Concepts: Text alignment, font properties, spacing, and styling a div.
  • Estimated Time: 20 minutes
  • README: Exercise 4 README

Exercise 4: CSS Selectors

  • Objective: Explore and practice using CSS selectors.
  • Key Concepts: Selecting specific elements, classes, IDs, descendants, and more.
  • Estimated Time: 20 minutes
  • README: Exercise 5 README

Be Creative!

We encourage you to view these exercises not just as tasks to complete, but as opportunities to explore the vast and creative world of HTML and CSS. Feel free to experiment, try out new ideas, and make the web page uniquely yours.

Remember, the best way to learn is by doing. Dive in, get creative, and enjoy the process of bringing your web pages to life!

Feel free to navigate to each exercise folder for detailed instructions on the tasks. Happy coding!

Useful Resources

How to Submit

  • Fork and clone the repository. You will be pushing your changes on your own fork.
  • Complete each exercise according to the instructions in the respective README files.
  • Save your changes and commit them to your local repository.
  • Push your changes to your GitHub repository.
  • Add jjlipat-mcl to your repository as a collaborator.
  • Submit the link to your GitHub repository to the corresponding submission bin in BBL.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published