Headings, Paragraphs & Formatting
HTML formats text values using semantic header tags and inline text blocks to arrange hierarchy layouts.
1 Headers (h1-h6), Paragraphs, and Inline formatting
Text elements match standard wrappers:
- Headings: Range from `<h1>` (largest, highest SEO importance) down to `<h6>` (smallest). You should generally specify only a single `<h1>` per webpage.
- Formatting tags: `<strong>` represents bold texts, `<em>` represents italicized emphasis, and `<code>` represents inline code font text.
2 Formatting Elements Code
Let's check the text rendering elements:
HTML — Text Elements
<h1>Main Page Header</h1>
<h2>Subheading Topic</h2>
<p>This is a standard paragraph containing <strong>bold text</strong> and <em>emphasized italics</em>.</p>
<p>Use the <code>console.log()</code> command to output javascript text.</p>
3 Code Challenge
Challenge: Write a text layout containing an `<h3>` tag, a paragraph, and a blockquote element (`<blockquote>`) containing a quote from your favorite programmer.