Practice - 5 Tasks
Answer the questions below
1fill in blank
easyComplete the code to create a block-level heading.
HTML
<[1]>Welcome to my website</[1]>
Drag options to blanks, or click blank then click option'
Attempts:
3 left
💡 Hint
Common Mistakes
Using inline elements like
span or a for headings.✗ Incorrect
The h1 tag is a block-level element used for main headings.
2fill in blank
mediumComplete the code to create a paragraph block.
HTML
<[1]>This is a paragraph of text.</[1]>
Drag options to blanks, or click blank then click option'
Attempts:
3 left
💡 Hint
Common Mistakes
Using inline tags like
strong or img for paragraphs.✗ Incorrect
The p tag defines a paragraph and is block-level.
3fill in blank
hardFix the error in the code to properly create a block-level section.
HTML
<[1]> <h2>About Us</h2> <p>We build websites.</p> </[1]>
Drag options to blanks, or click blank then click option'
Attempts:
3 left
💡 Hint
Common Mistakes
Using inline elements like
span which do not group blocks.✗ Incorrect
The section tag is a block-level element used to group related content.
4fill in blank
hardFill both blanks to create a block-level container with a heading.
HTML
<[1]> <[2]>Contact Us</[2]> </[1]>
Drag options to blanks, or click blank then click option'
Attempts:
3 left
💡 Hint
Common Mistakes
Using inline tags like
span or a for block containers or headings.✗ Incorrect
The div tag is a block-level container, and h3 is a block-level heading.
5fill in blank
hardFill all three blanks to create a block-level article with a heading and paragraph.
HTML
<[1]> <[2]>Our Story</[2]> <[3]>We started in 2020.</[3]> </[1]>
Drag options to blanks, or click blank then click option'
Attempts:
3 left
💡 Hint
Common Mistakes
Using inline tags like
span instead of block-level tags.✗ Incorrect
The article tag is a block-level container for independent content, h2 is a heading, and p is a paragraph.