all block level elements code example

Example 1: block level elements

<address>   Contact information.
<article>   Article content.
<aside>    Aside content.
<blockquote>  Long ("block") quotation.
<details>  Disclosure widget.
<dialog>  Dialog box.
<dd>  Describes a term in a description list.
<div>  Document division.
<dl>  Description list.
<dt>  Description list term.
<fieldset>  Field set label.
<figcaption>  Figure caption.
<figure>  Groups media content with a caption (see <figcaption>).
<footer>  Section or page footer.
<form>  Input form.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>    Heading levels 1-6.
<header>   Section or page header.
<hgroup>   Groups header information.
<hr>    Horizontal rule (dividing line).
<li>   List item.
<main>   Contains the central content unique to this document.
<nav>  Contains navigation links.
<ol>   Ordered list.
<p>   Paragraph.
<pre>   Preformatted text.
<section>   Section of a web page.
<table>    Table.
<ul>    Unordered list.

Example 2: block level elements

In HTML programming, a block-level element is any element that starts a new line (e.g., paragraph) and uses the full width of the page or container. A block-level element can take up one line or multiple lines and has a line break before and after the element.