Empty paragraphs should not be used as layout tools. Use CSS margin and padding to manage visual spacing.
14. Practical Exercises
Exercise 1: Build a Heading Hierarchy
Create a page about web development with:
- One main heading for the page title.
- Two second-level headings for HTML and CSS.
- Two third-level headings under HTML.
- At least one paragraph under each section.
Exercise 2: Format a Warning
Write a paragraph containing a warning label, an important instruction, and a word that should receive stress emphasis. Use <strong> and <em> where appropriate.
Exercise 3: Create a Quotation
Create a paragraph containing a short inline quotation using <q>. Then add a separate block quotation using <blockquote>. Include a visible source link when a real source is available.
Exercise 4: Create a Technical Explanation
Write a short paragraph that includes:
- An abbreviation with an expansion.
- A technical term identified using
<dfn>. - A code fragment using
<code>. - A keyboard shortcut using
<kbd>.
Exercise 5: Review and Improve a Blog Post
Take an existing blog article and check whether its headings describe the content, its paragraphs are properly separated, and its emphasis and quotations use appropriate elements. Replace repeated line breaks and empty paragraphs with proper structure and CSS where needed.
15. Quiz: Headings, Paragraphs, Text Formatting and Quotations
Answer the following 10 questions. Each question includes four options, the correct answer, and explanations for every option. Select your answer mentally before expanding the explanation.
Suggested score: 8/10 or higher. The expandable answers below reveal the correct answer but do not automatically score or save learner progress without additional quiz functionality.
Question 1: Which element represents the highest heading level in HTML?
<h6><head><h1><heading>
Correct answer: C — <h1>
- A — Incorrect: h6 is the lowest of the six heading levels.
- B — Incorrect: head contains document metadata and resource information; it is not a heading element.
- C — Correct: h1 is the highest heading level.
- D — Incorrect: heading is not a standard HTML heading element.