HTML Block Elements

HTML Block Level Elements:


HTML Block Elements are HTML elements that create a block-level box on a web page. Block-level boxes take up the full width of their parent container and are stacked vertically, meaning that any content that follows a block-level element is placed below it. 

Here are some examples of HTML Block Elements:


  1. <div> - The <div> element is one of the most commonly used block-level elements in HTML. It is used to group together other elements into a block-level container. Here's an example:
    <div> <h1>Welcome to my Website</h1> <p>This is some sample text.</p> </div>


  2. <p> - The <p> element is used to create a paragraph of text. Here's an example:
    <p>This is a paragraph of text.</p>


  3. <ul> and <ol> - These elements are used to create unordered and ordered lists, respectively. Here's an example of an unordered list:

    <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>


  4. <h1> to <h6> - These elements are used to create headings of different sizes. <h1> is the largest heading, and <h6> is the smallest. Here's an example:

    <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3>


  5. <blockquote> - The <blockquote> element is used to indicate a longer quotation. Here's an example:
    <blockquote> "The best way to predict the future is to invent it." <cite>Alan Kay</cite> </blockquote>


These are just a few examples of HTML Block Elements. 


The list of all block level elements are following:

  • <address>
  • <article>
  • <aside>
  • <blockquote>
  • <canvas>
  • <dd>
  • <div>
  • <dl>
  • <dt>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <h1> to <h6>
  • <header>
  • <hr>
  • <li>
  • <main>
  • <nav>
  • <noscript>
  • <ol>
  • <output>
  • <p>
  • <pre>
  • <section>
  • <table>
  • <tfoot>
  • <ul>
  • <video>

Post a Comment

0 Comments