Html Block-Level Elements

HTML Html Block-Level Elements Form Element

Block-Level Element

Block-Level element always starts from new line and takes full width.


<div> is block-level element.


<div style="background-color:pink">Well</div> <div style="background-color:yellow">Come</div>



List of Block-Level Elements

  • <address>
  • This indicates that the enclosed HTML provides contact information for a person, or a place.

  • <article>
  • It is most commonly used to contain information that may be distributed independently from the rest of the site or application it appears in. e.g A magazine or newspaper article, or a blog entry.

  • <aside>
  • This element represents a portion of a document whose content is only indirectly related to the document's main content. These are frequently presented as sidebars or call-out boxes.

  • <blockquote>
  • This element defines a section (within a document) that is quoted from another source.

  • <details>
  • This element creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.

  • <dialog>
  • This element represents a dialog box or other interactive component.

  • <div>
  • This element is the generic container for flow content.

  • <dd>
  • This element provides the details about or the definition of the preceding term (<dt>) in a description list (<dl>).

  • <dl>
  • This element represents a description list.

  • <dt>
  • This element represents a description term.

  • <fieldset>
  • This element is used to group several controls as well as labels within a web form.

  • <figcaption>
  • This element represents a caption or legend for the rest of the contents its parent (<figure>) element.

  • <figure>
  • This element represents self-contained content, frequently with a caption (<figcaption>), and is typically referenced as a single unit.

  • <footer>
  • This element represents footer of the nearest content or page.

  • <form>
  • This allows user to enter data that is sent to a server for processing.

  • <h1> <h2> <h3> <h4> <h5> <h6>
  • Heading levels 1-6.

  • <header>
  • This element represents introductory content, typically a group of introductory or navigational aids.

  • <hgroup>
  • Groups header information. This element represents a multi-level heading for a section of a document.

  • <hr>
  • Horizontal dividing line.

  • <li>
  • List item.

  • <main>
  • This element represents the dominant content/portion of a document or application.

  • <nav>
  • This element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.

  • <ol>
  • This element typically is a numbered list of items.

  • <p>
  • This element typically represent a paragraph.

  • <pre>
  • This element typically represent preformatted text which is to be presented exactly as written in the HTML file.

  • <section>
  • This element defines sections in a document, such as chapters, headers, footers, or any other sections of the document.

  • <ul>
  • This element typically is a bulleted list of items.

HTML Form Element Chapter Next »