Headings (h1 to h6)
Name:
Date:
Class:
A
Quick Questions
Shade in the A or B circle for each question.
1. Which heading tag creates the most important and largest heading?
2. How many h1 elements should a page typically have?
3. True or false: HTML has heading levels h1 through h7.
4. Which heading level comes directly after h2 in the correct hierarchy?
5. True or false: <H2> with a capital H is valid HTML.
B
Match the Pairs
Draw a line connecting each item on the left to its match on the right.
| Left column | Right column | |
|---|---|---|
| 1<h1>My Website</h1> | AThe closing tag must be </h2> with a forward slash - <h2> again is another opening tag | |
| 2<h6>Fine Print</h6> | BHeading tag names must be lowercase - <H2> should be <h2> | |
| 3Heading levels should be used in order - never skip from h1 to h3 | C<h1>Title</h1> <h2>Section</h2> <h3>Subsection</h3> | |
| 4HTML provides six heading levels from most important to least important | DThe least important heading level - displays as the smallest heading text | |
| 5<H2>Section Title</H2> | E<h1>One</h1> <h3>Three</h3> <h6>Six</h6> | |
| 6<h2>Intro<h2> | FThe most important heading - displays as the largest text and should appear once as the main page title |
C
Definitions
<h1>
D
Fill in the Blanks
Complete each line of code by filling in the missing parts.
1.
<___>Welcome to My Page</h1>
2.
<___>About Us</h2>
3.
<h3>My Hobbies</___>
4.
<body>
<___>Section Title</h4>
</body>
5.
<___>Fine Print</h6>
E
Spot the Error
Shade in the letter of the line that contains an error.
Question 1
A
<H1>Main Title</H1>
B
<h2>Subtitle</h2>
C
<h3>Section</h3>
Question 2
A
<h1>Page Title</h1>
B
<h3>Skipped Level</h3>
C
<h2>Back to Two</h2>
D
<p>Content</p>
Question 3
A
<h1>Title</h1>
B
<h2>Intro</h2>
C
<h2>About<h2>
D
<p>Text</p>
Question 4
A
<h1>Welcome</h1>
B
<h2>Section One</h2>
C
<h3>Subsection</h3>
D
<h7>Too Deep</h7>
Question 5
A
<body>
B
<h1>Main Title</h1>
C
<h2>Chapter One</h2>
D
<h3>Topic</h3>
E
<H4>Sub-topic</H4>
F
</body>
Answer Key
Headings (h1 to h6)
Section A: Quick Questions
Q1
B — <h1>
Q2
A — One
Q3
B — False
Q4
A — h3
Q5
A — False
Section B: Match the Pairs
Q1
<h1>My Website</h1> → The most important heading - displays as the largest text and should appear once as the main page title
Q2
<h6>Fine Print</h6> → The least important heading level - displays as the smallest heading text
Q3
Heading levels should be used in order - never skip from h1 to h3 → <h1>Title</h1>
<h2>Section</h2>
<h3>Subsection</h3>
Q4
HTML provides six heading levels from most important to least important → <h1>One</h1>
<h3>Three</h3>
<h6>Six</h6>
Q5
<H2>Section Title</H2> → Heading tag names must be lowercase - <H2> should be <h2>
Q6
<h2>Intro<h2> → The closing tag must be </h2> with a forward slash - <h2> again is another opening tag
Section C: Definitions
Q1
<h1> — The most important HTML heading element - displays as the largest heading on the page. Headings range from <h1> (most important) to <h6> (least important).Section D: Fill in the Blanks
Q1
<h1>Welcome to My Page</h1>Q2
<h2>About Us</h2>Q3
<h3>My Hobbies</h3>Q4
<body>
<h4>Section Title</h4>
</body>Q5
<h6>Fine Print</h6>Section E: Spot the Error
Q1
A — HTML heading tags must be lowercase. <H1> with a capital H is non-standard. The correct form is <h1> and </h1> in lowercase.
Q2
B — Heading levels should not be skipped. Jumping from h1 directly to h3 skips h2, which breaks the heading hierarchy.
Q3
C — The third heading is missing a closing </h2> tag. The second <h2> should be </h2> with a forward slash to close the element.
Q4
D — There is no <h7> element in HTML. Headings only go from <h1> to <h6>. Use <h6> for the deepest heading level.
Q5
E — <H4> with capital letters is non-standard HTML. All heading tags must be lowercase: <h4> and </h4>.