A block-level element is an HTML element that starts on a new line and occupies the full width of its parent container. These elements allow us to easily create page layouts and structure.
Let’s see the all blcok-level elements in the html
1. Structural Elements:
<div>
<section>
<article>
<header>
<footer>
<nav>
<aside>
<main>
2. Text Content
<p> (Paragraph)
<blockquote> (Block Quotation)
<pre> (Preformatted Text)
<hr> (Horizontal Rule)
3.Heading Elements
-<h1> <h2>,<h3>, <h4>, <h5>, <h6> (Heading )
4. List Elements
<ul>(Unordered List)
<ol>(Ordered List)
<li> (List Item)
<dl> (Description List)
<dt> (Description Term)
<dd> (Description Detail)
5. Table Elements
<table> (Table)
<thead> (Table Header)
<tbody> (Table Body)
<tfoot> (Table Footer)
<tr> (Table Row)
<th>(Table Header Cell)
<td>(Table Data Cell)
<caption> (Table Caption)
<colgroup> (Column Group)
<col> (Column)
6. Form Elements:
<form> (Form)
<fieldset>(Fieldset)
<legend>(Legend)
<label> (Label - behaves like inline unless explicitly styled)
7. Media and Embedded Content
<figure> (Figure)
<figcaption> (Figure Caption)
<address> (Contact Information)
