Explore Library
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

List Elements

Quiz
12

Links and Anchor Element

Quiz
13

Image Element and alt

Quiz
14

Table Elements

Quiz
15

Basic HTML Document Structure

Quiz
16

Void Elements

Quiz
17

Text Content Elements

Quiz
18

Form Elements

Quiz
19

Comments in HTML

Quiz
20

id and class Attributes

Quiz
21

Div and Span Containers

Quiz
22

Block vs Inline Elements

Quiz
23

Benefits of Semantic Markup

Quiz
24

Elements, Tags, and Attributes

Quiz
25

Nesting and Element Hierarchy

Quiz
26

Head Metadata Basics

Quiz
27

Semantic vs Non-Semantic

Quiz
28

Semantic Sectioning Elements

Quiz
29

Heading Elements

Quiz
30

HTML Lists: Ordered, Unordered, Description

Slides / Video
31

Text Formatting Elements

Slides / Video
32

Paragraphs & Text Content Elements

Slides / Video
33

Description List Structure

Code Quiz
34

Semantic Layout Elements

Code Quiz
35

Div vs Span Usage

Code Quiz
36

Global Attributes

Code Quiz
37

Semantic vs Non-Semantic

Code Quiz
38

HTML Comment Syntax

Code Quiz
39

Block vs Inline Nesting

Code Quiz
40

Void Elements

Code Quiz
41

Figure and Figcaption

Code Quiz
42

List Item Nesting

Code Quiz
43

Text Formatting Semantics

Code Quiz
44

Anchor Href Attribute

Code Quiz
45

Image Source and Alt

Code Quiz
46

Table Cell Elements

Code Quiz
47

Basic HTML Document Structure

Code Quiz
48

Head Metadata Elements

Code Quiz
49

Heading Hierarchy

Code Quiz
50

Paragraph and Line Break

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
Code QuizBeginner

HTML Comment Syntax

Find the malformed comment in this snippet.

Codehtml
<!-- This is a heading -->
<h1>Welcome</h1>
<! Sidebar goes here >
<aside>Links</aside>

What is the bug in this markup?