Block&Inline Element

هر یک از تگ ها یا عناصر HTML بصورت پیش فرض بسته به نوع عنصر دارای یک حالت نمایش می باشند، بطور کلی حالت نمایش تگ ها یا عناصر در HTML به ۲ صورت میتونه باشه :

• نمایش بلاکی یا Block
• نمایش درون خطی یا Inline

block:

عناصر بلاک همیشه در یک خط جدید اغاز میشوند و کل فضای محدوده خود را اشغال میکنند و کل عرض یک سطر رو به خودشون اختصاص میده

برای مثال:

• <div>
• <h1> - <h6>
• <p>
• <form>
• <address>
• <article>
• <aside>
• .........

برای نمونه

inline:

عناصر inlineدر خط حدید شروع نمیشوند وتنها اندازه طول خود جا اشغال میکنند

برای مثال:

• <span>
• <a>
• <img>

برای نمونه

<div>

عنصر <div> یک عنصر block می باشد که می تواند به عنوان یک ظرف برای گروه بندی دیگر عناصر HTML استفاده شود.

عنصر <div> معنی خاصی ندارد. به جز این، به دلیل اینکه یک عنصر block می باشد، مرورگر یک خط قبل و بعد از آن نمایش می دهد.

هنگامی که با CSS استفاده می شود، عنصر <div> می تواند برای تنظیم خصوصیت style, class برای بلاک هایی با محتوای زیاد استفاده شود.

نمونه

و برای استفاده از این المان در css از این دستور استفاده میکنیم

div {
  display: block;
}

<span>

عنصر <span> یک عنصر درون خطی (inline) است که می تواند به عنوان ظرفی برای متن استفاده شود.

عنصر <span> معنی خاصی ندارد.

عنصر <span> هیچ صفت اجباری ندارد

وقتی از آنها به همراه CSS استفاده کنیم عنصر <span> میتواند برای استایل دهی قسمتی از متن مورد استفاده قرار گیرد.

هنگامی که با CSS استفاده می شود، عنصر <span> می تواند برای تنظیم خصوصیت style , classبرای بخش های متنی شکل، استفاده شود.

نمونه