HTML Paragraphs & Text Formatting

<p>This is a paragraph. It is a block element — it takes the full width
and has top and bottom margin automatically added by the browser.</p>

<p>This is a second paragraph. The browser adds space between them.
No matter how many blank lines you add in the HTML, the browser
renders one paragraph below the other with standard spacing.</p>

<!-- To add a line break WITHIN a paragraph: -->
<p>
  Line one<br>
  Line two (same paragraph, different line)<br>
  Line three
</p>

<!-- strong = important (renders bold, means "strong importance") -->
<p>This is <strong>very important</strong> information.</p>

<!-- em = emphasis (renders italic, means "stressed emphasis") -->
<p>She did <em>not</em> say that.</p>

<!-- b = bold without semantic meaning (purely visual) -->
<p>The product name is <b>SuperWidget Pro</b>.</p>

<!-- i = italic without semantic meaning (foreign words, technical terms) -->
<p>The term <i>in situ</i> means "in the original place".</p>

<!-- mark: highlighted text -->
<p>Search result: <mark>HTML tutorial</mark> for beginners.</p>

<!-- del / ins: deleted and inserted content (edits) -->
<p>Price: <del>£99</del> <ins>£49</ins></p>

<!-- small: fine print, disclaimers -->
<p><small>*Terms and conditions apply.</small></p>

<!-- sup / sub: superscript and subscript -->
<p>E = mc<sup>2</sup></p>
<p>H<sub>2</sub>O is water.</p>

<!-- code: inline code snippet -->
<p>Use the <code>console.log()</code> method to debug.</p>

<!-- abbr: abbreviation with tooltip -->
<p><abbr title="HyperText Markup Language">HTML</abbr> is easy.</p>

<!-- blockquote: a quoted section from an external source -->
<blockquote cite="https://www.w3.org/">
  <p>The Web is for everyone.</p>
  <footer>— Tim Berners-Lee</footer>
</blockquote>

<!-- pre: preformatted text — preserves spaces and line breaks -->
<pre>
function greet(name) {
  return "Hello, " + name + "!";
}
</pre>

<!-- hr: thematic break (a horizontal rule) -->
<p>End of section.</p>
<hr>
<p>Start of next section.</p>

<!-- address: contact information for author/document owner -->
<address>
  Written by Jane Smith.<br>
  Contact: <a href="mailto:jane@example.com">jane@example.com</a>
</address>