block level element

 



What are Block-level Elements?

  • Block-level elements are those that start on a new line and take up the entire width of their container by default. 
  • They essentially claim all the horizontal space for themselves, pushing any content that comes after them to a new line.

Characteristics of Block-level Elements:

  • Always start on a new line.

  • Take up the full width available.

  • Width and height can be controlled via CSS.

  • Can contain other block-level as well as inline elements.

Common Block-level Elements:

  • <h1>,<h2>,<h3>,<h4>,<h5>,<h6> - Headings
  • <p> - Paragraphs
  • <hr> - Horizontal rule
  • <address> - Address information
  • <article> - Article content
  • <aside> - Sidebar content
  • <blockquote> - Block quotations
  • <canvas> - Drawing area
  • <dd> - Description in a description list
  • <div> - Generic container
  • <dl> - Description list
  • <dt> - Term in a description list
  • <fieldset> - Group of related form elements
  • <figcaption> - Caption for a figure
  • <figure> - Image or media with a caption
  • <footer> - Footer of a section or page
  • <form> - HTML form
  • <header> - Header of a section or page
  • <li> - List item
  • <main> - Main content of a document
  • <nav> - Navigation links
  • <noscript> - Alternate content when JavaScript is not enabled
  • <ol> - Ordered list
  • <ul> - Unordered list
  • <pre> - Preformatted text
  • <section> - Standalone section in a document
  • <table> - Table
  • <video> - Video content

Related Posts:

  • Ordered List HTML Ordered ListAn ordered list is used to create a list of items in a specific order, typically indicated by numbers.SyntaxKey PointsOrdered l… Read More
  • Definition Lists A Definition List in HTML is used to represent a list of terms along with their corresponding descriptions or definitions. The Definition List i… Read More
  • HTML TablesThe <table> HTML element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of ce… Read More
  • HTML Lists Types of HTML ListsUnordered List: An unordered list is used to create a list of items that are not in any particular order. Each list item… Read More
  • Unordered List HTML Unordered ListAn unordered list is a list of items that are not arranged in any specific, sequential order. Unlike ordered lists, the items… Read More

0 Comments:

Post a Comment

Do leave your comments