❗️❗️ Before you start, please Fork and Clone the repository. ❗️❗️ |
---|
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:
- Objective: Create a basic HTML document structure.
- Key Concepts: Doctype declaration, head, title, and body tags.
- Estimated Time: 10 minutes
- README: Exercise 1 README
- 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
- 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
- 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
- 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
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!
- 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.