عناصر المستوى HTML

كل عنصر من عناصر HTML له قيمة عرض افتراضية بناءً على نوع العنصر. قيمتي العرض هما block وinline او عناصر مستوى الكتلة وعناصر مستوى المضمن.

عناصر مستوى الكتلة Block-level

يبدأ عنصر مستوى الكتلة دائمًا في سطر جديد ويستغرق العرض الكامل المتاح (يمتد إلى اليسار واليمين قدر الإمكان).

العنصر  <div>هو عنصر مستوى الكتلة.

<div>مرحبا</div>

عناصر المستوى الكتلة او Block-levelهي:

<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>

العناصر المضمنة  inline-level

لا يبدأ العنصر المضمن في سطر جديد ويستهلك فقط أكبر قدر ممكن من العرض.

العناصر المضمنة او inline-levelهي:

<abbr>
<b>
<bdo>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<var>