Chapter 6: HTML Sectioning Tags

A Complete Frontend Developer Textbook for Beginners (2023 Edition)

This is the textbook version of Lesson 6 of 100 from the Udemy video course: A Complete Frontend Developer Course for Beginners

← Chapter 5: Importing JavaScript Code← Table of Contents

Overview

This lesson covers the following HTML tags, CSS properties, and JavaScript commands for the first time:

HTML

1. header
2. main
3. footer
4. section
5. nav
6. heading (h1 to h6)
7. a
8. img
9. button

CSS

None.

JS

None.

This lesson begins with a fresh Codepen. Open a new one and code along with me to increase retention!

Lecture

In this lesson, we examine how to properly layout a page. Let’s use Flat’s homepage as a model for reference: