HTMLIntroduction & Core Concepts

64 items

1

Box Model Overflow Bug

Code Quiz
2

Box Model Width Calculation

Quiz
3

Box Model & Flexbox Layout

Slides / Video
4

Box Model & Flexbox Basics

Flashcard
5

Box Model, Flexbox & Grid

Flashcard
6

Box Model, Flexbox & Grid Basics

Slides / Video
7

Case Insensitivity & Whitespace in HTML

Slides / Video
8

HTML Comments

Slides / Video
9

Saving and Opening HTML Files

Slides / Video
10

The Head vs Body Sections

Slides / Video
11

The DOCTYPE Declaration

Slides / Video
12

Basic HTML Document Structure

Slides / Video
13

HTML Purpose and Content Structure

Code Quiz
14

HTML Comments

Code Quiz
15

Block vs Inline Elements

Code Quiz
16

Void Elements

Code Quiz
17

Element Anatomy: Tags and Content

Code Quiz
18

Basic Document Structure

Code Quiz
19

Head Metadata: Charset

Code Quiz
20

Case Sensitivity in Attributes

Code Quiz
21

Attribute Syntax

Code Quiz
22

Correct Element Nesting

Code Quiz
23

Nesting Elements Correctly

Slides / Video
24

Void Elements in HTML

Slides / Video
25

HTML Attributes and Their Syntax

Slides / Video
26

HTML Tags and How They Work

Slides / Video
27

Anatomy of an HTML Element

Slides / Video
28

How Browsers Render HTML

Slides / Video
29

Role of HTML: Structure and Content

Slides / Video
30

HTML Is Markup, Not Programming

Slides / Video
31

What HTML Is and Its Purpose

Slides / Video
32

HTML Acronym

Quiz
33

The Body Element

Quiz
34

The Head Element

Quiz
35

Void Elements

Quiz
36

Opening and Closing Tags

Quiz
37

Element Nesting

Quiz
38

Document Structure

Quiz
39

Markup vs Programming

Quiz
40

HTML File Extension

Quiz
41

Elements and Tags

Quiz
42

HTML Comments

Quiz
43

DOCTYPE Declaration

Quiz
44

HTML, CSS, and JavaScript

Quiz
45

Attribute Syntax

Quiz
46

The Title Element

Quiz
47

What HTML Is

Quiz
48

The Head Element

Flashcard
49

Void Elements

Flashcard
50

HTML Comments

Flashcard
51

Nesting Elements

Flashcard
52

HTML File Extension

Flashcard
53

HTML Attributes

Flashcard
54

How Browsers Render HTML

Flashcard
55

The Body Element

Flashcard
56

Document Structure

Flashcard
57

Whitespace Collapsing

Flashcard
58

HTML, CSS, and JavaScript

Flashcard
59

HTML Describes Structure

Flashcard
60

Case Sensitivity in HTML

Flashcard
61

The DOCTYPE Declaration

Flashcard
62

What HTML Is

Flashcard
63

Anatomy of an Element

Flashcard
64

Tags vs Elements

Flashcard
FlashcardAdvanced

Box Model & Flexbox Basics

Understand how the CSS box model layers content, padding, border, and margin, and how Flexbox arranges elements.

Question

What is the CSS box model, and how does Flexbox lay out elements?

Click to reveal answer