In this module, you'll explore the essentials of HTML syntax and the importance of semantic HTML. We’ll start by covering basic HTML syntax and structure, including the use of hyperlinks and proper casing. You’ll also learn more about DevTools to understand HTML elements better. Moving forward, we'll delve into semantic HTML, which enhances accessibility and SEO by using meaningful tags like `<header>`, `<footer>`, and `<article>`. By the end of this module, you'll grasp how structured, semantic HTML can improve both the functionality and readability of your web pages.

In this module, you'll dive into the core principles of CSS and how it shapes web design. We’ll start with the basics of CSS syntax and explore fundamental concepts such as selectors, pseudo-classes, and pseudo-elements. You'll learn to manage styles using type, class, and ID selectors, and understand how to effectively load and apply CSS to your web pages. Additionally, we’ll cover the CSS Box Model and its impact on layout, including inline, block, and inline-block elements. By the end of this module, you'll have a solid foundation in CSS to enhance your web pages with custom styles and layouts.

This module you will complete a final assignment. The goal of this assignment is to create a semantic, valid HTML page listing "My Favorite Cats" using the knowledge from the provided course materials. Ensure that your HTML follows best practices for semantics, structure, and accessibility.