UI Development FundamentalsHTML Structure & Semantic Markup

76 items

1

Basic Form Elements

Slides / Video
2

Tables for Tabular Data

Slides / Video
3

Comments in HTML

Slides / Video
4

Semantic Layout Elements

Slides / Video
5

What Semantic Markup Means

Slides / Video
6

The div and span Generic Containers

Slides / Video
7

Block-level vs Inline Elements

Slides / Video
8

HTML Attributes: id, class & Globals

Slides / Video
9

Images and the img Element

Slides / Video
10

Links and Anchor Elements

Slides / Video
11

Div and Span Containers

Quiz
12

List Elements

Quiz
13

Basic HTML Document Structure

Quiz
14

Elements, Tags, and Attributes

Quiz
15

Nesting and Element Hierarchy

Quiz
16

Head Metadata Basics

Quiz
17

Semantic vs Non-Semantic

Quiz
18

Semantic Sectioning Elements

Quiz
19

Heading Elements

Quiz
20

Links and Anchor Element

Quiz
21

Image Element and alt

Quiz
22

Table Elements

Quiz
23

Block vs Inline Elements

Quiz
24

Text Content Elements

Quiz
25

Form Elements

Quiz
26

Comments in HTML

Quiz
27

Benefits of Semantic Markup

Quiz
28

Void Elements

Quiz
29

id and class Attributes

Quiz
30

HTML Lists: Ordered, Unordered, Description

Slides / Video
31

Text Formatting Elements

Slides / Video
32

Paragraphs & Text Content Elements

Slides / Video
33

Figure and Figcaption

Code Quiz
34

Table Cell Elements

Code Quiz
35

Void Elements

Code Quiz
36

Block vs Inline Nesting

Code Quiz
37

HTML Comment Syntax

Code Quiz
38

Semantic Layout Elements

Code Quiz
39

Semantic vs Non-Semantic

Code Quiz
40

Description List Structure

Code Quiz
41

Global Attributes

Code Quiz
42

List Item Nesting

Code Quiz
43

Div vs Span Usage

Code Quiz
44

Paragraph and Line Break

Code Quiz
45

Text Formatting Semantics

Code Quiz
46

Anchor Href Attribute

Code Quiz
47

Image Source and Alt

Code Quiz
48

Basic HTML Document Structure

Code Quiz
49

Head Metadata Elements

Code Quiz
50

Heading Hierarchy

Code Quiz
51

Headings and Content Hierarchy

Slides / Video
52

Void vs Container Elements

Slides / Video
53

Nesting and Element Hierarchy

Slides / Video
54

The head Section and Metadata

Slides / Video
55

Tables for Tabular Data

Flashcard
56

Purpose of the Head Element

Flashcard
57

Common HTML Attributes

Flashcard
58

Block vs Inline Elements

Flashcard
59

Meta Tags and Character Encoding

Flashcard
60

The Title Element

Flashcard
61

Basic HTML Document Structure

Flashcard
62

Void (Self-Closing) Elements

Flashcard
63

Nesting and Element Hierarchy

Flashcard
64

Paragraphs and Text Formatting

Flashcard
65

Links and the Anchor Element

Flashcard
66

What Semantic Markup Means

Flashcard
67

Semantic Layout Elements

Flashcard
68

Form Elements Basics

Flashcard
69

HTML Comments

Flashcard
70

Anatomy of an HTML Element

Flashcard
71

Headings and Document Outline

Flashcard
72

HTML Lists

Flashcard
73

Images and the Alt Attribute

Flashcard
74

Semantic vs Non-Semantic Elements

Flashcard
75

Basic HTML Document Structure

Slides / Video
76

Anatomy of an HTML Element

Slides / Video
FlashcardBeginner

Semantic Layout Elements

HTML5 provides elements like header, nav, main, article, and footer for page structure.

Question

What are the common semantic layout elements?

Click to reveal answer