HTML5 Inline/Block elements
Inline
level elements:
Inline element does not start on
a new line and only takes up as much width as necessary. It can contain data
and other inline elements. It contains shorter structures
compared to block level elements.
Below are the list of Inline Elements :
Below are the list of Inline Elements :
<address>
<article>
<aside>
<blockquote>
<figcaption>
<table>
|
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
|
<figure>
<footer>
<form>
<h1>-<h6>
<header>
|
<noscript>
<ol>
<output>
|
<tfoot>
<ul>
<video>
<header>
<hr>
<li>
|
<section>
<table>
<hr>
<li>
<main>
<nav>
|
Block
level elements:
Block-level element always starts on a new line and takes up the max
width of html web page. It can contain both block as well as inline level elements,
it creates larger structures than inline elements.
Below are the list of Block Elements :
<select>
<small>
<span>
<strong>
<big>
<br>
|
<a>
<abbr>
<acronym>
<b>
<bdo>
<var>
|
<dfn>
<em>
<i>
<img>
<input>
|
<sub>
<sup>
<textarea>
<time>
<tt>
|
<button>
<cite>
<code>
<q>
<kbd>
|
<label>
<map>
<object>
<samp>
<script>
|
Note :
A block element is rendered, as the name indicates, as an actual
block.
whereas, The inline elements are treated as a part of the flow of the document and the size should normally not be changed manually
whereas, The inline elements are treated as a part of the flow of the document and the size should normally not be changed manually