HTML Block, Tutorialspoint, W3Schools HTML Block

HTML Blocks

HTML elements can be divided into two categories : block level and inline elements.

1. HTML block level elements can appear in the body of an HTML page.

2. It can contain another block level as well as inline elements.

3. By default, block-level elements begin on new lines.

4. block level elements create larger structures (than inline elements).

Block Elements

Block elements appear on the screen as if they have a line break before and after them.

Element	Description
<address>	Address
<blockquote>	Block quotation
<center>	Centred block (DEPRECATED)
<dir>	Directory listing (DEPRECATED)
<div>	Generic block-level container
<dl>	Definition list
<fieldset>	Form field grouping container
<form>	Form
<h1>	Level 1 heading
<h2>	Level 2 heading
<h3>	Level 3 heading
<h4>	Level 4 heading
<h5>	Level 5 heading
<h6>	Level 6 heading
<isindex>	Input prompt (DEPRECATED)
<menu>	Menu list (DEPRECATED)
<noframes>	Alternate content for non frameset capable browsers (DEPRECATED)
<noscript>	Alternate content for non script-enabled browsers
<ol>	Ordered list
<p>	Paragraph
<pre>	Preformatted text
<table>	Table
<ul>	Unordered list

Inline Elements

Inline elements, on the other hand, can appear within sentences and do not have to appear on a new line of their own.

Element	Description
<a>	Anchor
<abbr>	Abbreviation
<acronym>	Acronym/td>
<b>	Bold Text
<basefont>	Base font
<bdo>	BiDi override
<big>	Large Text
<br>	Line Break
<cite>	Citation
<code>	Computer code
<dfn>	Defined term
<em>	Emphasis
<font>	Font Change
<i>	Italic Text
<img>	Inline Image
<input>	Form input
<kbd>	Text to be input
<label>	Form field label
<q>	Short quotation
<s>	Strike-through text
<samp>	Sample output
<select>	Option selector
<small>	Small text
<span>	Generic inline container
<strike>	Strike-through text
<strong>	Strong emphasis
<sub>	Subscript
<sup>	Superscript
<textarea>	Multi-line text input
<tt>	Teletype text
<u>	Underlined text
<var>	Variable

Grouping HTML Elements

The elements <span> and <div> are used to group and structure a document and will often be used together with the attributes class and id. In this lesson, we will take a closer look at the use of <span> and <div> as exactly these two HTML elements are of central importance with regards to CSS.

Element	Description
<div>	Defines a division or a section in an HTML document.
<span>	The span tag is like the div tag. ( span is an inline element )

HTML Tutorial