Web Development Fundamentals: HTML5 and CSS3 for Beginners

Learn how to install a web browser and the code editor by visiting google.com, downloading chrome and visual studio code, accepting terms, and moving them to applications.

Learn how the strong and em elements differentiate text within a paragraph by making it bold or emphasizing it. Close tags to avoid random behavior.

Duplicate the file, rename it as solution, edit in Visual Studio Code, emphasize China and Chinese New Year, then preview in a browser to build muscle memory.

Create a basic html5 page structure and practice anchors by linking a home page, an instructor page, and the sections of the course page, completing the assignment.

Discover the basics of CSS, including how cascading affects styles, how to attach styles with the style attribute, and how to write property-value pairs using colon and semicolon.

Master basic CSS styles by applying text-align left, center, or right; font-size adjustments; and color or background-color. Learn color formats in hexadecimal, RGB, and HSL to pick precise values.

Create a three-page website with a home page listing two board games and two detail pages, each with an image and a paragraph about the game.

Learn to use internal CSS to style multiple elements without repeating code. Apply selectors like p to set font size 24px for all paragraphs, with styles placed in the head.

Demonstrate hands-on HTML and CSS basics by applying and copying CSS styles, styling headings and paragraphs, adjusting color, alignment, and font size in a practical demo.

Practice creating external stylesheets, linking CSS files across multiple pages, and consolidating styles with a single stylesheet to apply consistent design.

Learn HTML comments, their role as documentation that does not affect rendering, and how to write single-line and multi-line comments.

Learn margin and padding in CSS: margin is the outside empty space, padding is the inside space; use shorthand for margins and the top-right-bottom-left order.

The lecture demonstrates margin and padding in CSS through a demo, testing pixel values, shorthand notation, and the effects on body and main elements.

Explore css borders by experimenting with border, border-style, and border-color, applying solid and groove styles, adjusting width and per-side borders, and observing the effect on padding, margins, and box model.