(3/10)
Story Sections — HTML typing lesson
Use semantic HTML5 elements like header, nav, and footer.
What you'll practice
Organize Typy's story into sections
- section groups related content
- id creates anchor points
Pro Access Required
This is a premium lesson. Upgrade to Pro to unlock this interactive exercise and continue your learning journey.
🌐HTML
Story Sections
0 WPM
0% Accuracy
0:00 Time elapsed
1
2
3
4
5
6
7
8
9
10
11
12
<section id="introduction">↵
<h2>My Coding Journey</h2>↵
<p>Every great adventure begins with a single step.</p>↵
</section>↵
<section id="skills">↵
<h2>My Super Powers</h2>↵
<ul>↵
<li>HTML Wizard</li>↵
<li>CSS Magician</li>↵
<li>JavaScript Ninja</li>↵
</ul>↵
</section>
0 / 303
👆
Hold This!
Press This!
👇
`~
1!
2@
3#
4$
5%
6^
7&
8*
9(
0)
-_
=+
⌫
⇥
Q
W
E
R
T
Y
U
I
O
P
[{
]}
\|
⇪
A
S
D
F
G
H
J
K
L
;:
'"
↵
Z
X
C
V
B
N
M
.>
/?
⇧
Thumb
Index
Middle
Ring
Pinky