This document discusses block level and inline elements in HTML. Block level elements begin on a new line and take up the full width of its container, while inline elements only take up as much width as necessary and do not break the flow of content. Common block elements are <p> for paragraphs and <div> for sections, and common inline elements include <span> and <code>. The document provides examples of block elements like <h1>-<h6> for headings and <ul>/<ol> for lists, and inline elements such as <abbr> and <kbd>.

1. Blocks and Inline Elements of
HTML
Presented By: Pradipta Poudel
BIM III Semester
115

2. Introduction to Block Level Elements
• In HTML programming, a block-level element is any element that starts a new
line 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.
• Two commonly used block level elements are: <p>and<div>.
• The <p>element defines a paragraph in an HTML document.
• The <div>element defines a division or a section in an HTML document.
2

3. Introduction to Inline Elements
• Inline elements are those which only occupy the space bounded by the tags
defining the element, instead of breaking the flow of the content.
• An inline element does not start on a new line.
• An inline element only takes up as much width as necessary.
• This is a <span> element inside a paragraph.
3

4. List of Some Block Level Elements
• p: Used to write a paragraph
• h1, h2, h3, h4, h5, h6: Used for different size of headings
• ol: Used for ordered list
• ul: Used for unordered list
• pre: Used for preformatted text which is to be presented exactly as written in the HTML file.
• blockquote: Used to specify a section that is quoted from another source.
• div:Used to define a division or a section in an HTML document.
• etc.
4

5. List of Some Inline Elements
• abbr: Used to represent an abbreviation or acronym.
• code: Used to define programming code.
• dfn: Used to indicate the term being defined.
• kbd: Used to define keyboard input.
• var: Used to define a variable.
• button: Used to define a clickable button.
• etc.
5

6. How to know whether it is Block or Inline
element
6