What is block elements in HTML

// A block-level element always starts on a new line
// and takes up the full width available
// (stretches out to the left and right as far as it can).
<address>
<article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>-<h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>
display:inline;
<!-- Block Elements examples -->

<address>
<article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>-<h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>
yes, list is an inline-block element
Inline elements in HTML:

1 <a> The <a> tag defines a hyperlink, which is used to link from one page to another.
2 <abbr> The <abbr> tag defines an abbreviation or an acronym, like "HTML", "Mr.", "Dec.", "ASAP", "ATM".
3 <acronym> The <acronym> tag is not supported in HTML5. Use the <abbr> tag instead.
4 <b> The <b> tag specifies bold text without any extra importance.
5 <bdo> The <bdo> tag is used to override the current text direction.
6 <big> The <big> tag defines bigger text.
7 <br> The <br> tag inserts a single line break.
8 <button> The <button> tag defines a clickable button.
9 <cite> The <cite> tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.).
10 <code> The <code> tag is a phrase tag. It defines a piece of computer code.
11 <dfn> The <dfn> tag represents the defining instance of a term in HTML.
12 <em> The <em> tag is a phrase tag. It renders as emphasized text.
13 <i> The <i> tag defines a part of text in an alternate voice or mood. The content of the <i> tag is usually displayed in italic.
14 <img> The <img> tag defines an image in an HTML page.
15 <input> The <input> tag specifies an input field where the user can enter data.
16 <kbd> The <kbd> tag is a phrase tag. It defines keyboard input.
17 <label> The <label> tag defines a label for several elements
18 <map> The <map> tag is used to define a client-side image-map. An image-map is an image with clickable areas.
19 <object> The <object> tag defines an embedded object within an HTML document. Use this element to embed multimedia (like audio, video, Java applets, ActiveX, PDF, and Flash) in your web pages.
20 <output> The <output> tag represents the result of a calculation (like one performed by a script).
21 <q> The <q> tag defines a short quotation.
22 <samp> The <samp> tag is a phrase tag. It defines sample output from a computer program.
23 <script> The <script> tag is used to define a client-side script (JavaScript).
24 <select> The <select> element is used to create a drop-down list.
25 <small> The <small> tag defines smaller text (and other side comments).
26 <span> The <span> tag is used to group inline-elements in a document.
27 <strong> The <strong> tag is a phrase tag. It defines important text.
28 <sub> The <sub> tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O.
29 <sup> The <sup> tag defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW[1].
30 <textarea> The <textarea> tag defines a multi-line text input control.
31 <time> The <time> tag defines a human-readable date/time.
32 <tt> The <tt> tag defines teletype text.
33 <var> The <var> tag is a phrase tag. It defines a variable.

Leave a Comment