بلاگ

سایت اموزشی زرین لرنبلاگمقالاتHTML Block and Inline Elements

HTML Block and Inline Elements

17 خرداد 1404

ارسال شده توسط سمیرا خانی

مقالات

11 بازدید

تگ‌های بلاک (Block Elements) در HTML

تگ‌های بلاک به طور پیش‌فرض کل عرض موجود را اشغال می‌کنند و همیشه از خط جدید شروع می‌شوند.
این تگ‌ها یک بخش یا بلوک از محتوا را تشکیل می‌دهند.
داخل تگ‌های بلاک می‌توان تگ‌های بلاک یا اینلاین دیگر را قرار داد.
نمونه‌های رایج تگ‌های بلاک: <div>، <p>، <h1> تا <h6>، <ul>، <ol>، <li>، <section>، <article>، <header>، <footer>، <nav> و غیره.

مثال:

<div>
<h1>عنوان</h1>
<p>این یک پاراگراف داخل یک بلوک div است.</p>
</div>

تگ‌های اینلاین (Inline Elements) در HTML

تگ‌های اینلاین فقط به اندازه محتوایی که دارند، عرض اشغال می‌کنند.
این تگ‌ها از خط جدید شروع نمی‌شوند و در کنار سایر محتوا داخل یک خط قرار می‌گیرند.
معمولاً برای بخش‌های کوچک محتوا داخل تگ‌های بلاک استفاده می‌شوند.
نمونه‌های رایج تگ‌های اینلاین: <span>، <a>، <strong>، <em>، <img>، <input>، <label>، <code> و غیره.

مثال:

<p>این یک کلمه <strong>بولد</strong> داخل پاراگراف است.</p>

خلاصه

ویژگی	تگ‌های بلاک	تگ‌های اینلاین
شروع در خط جدید	بله	خیر
عرض	کل عرض موجود (۱۰۰٪)	به اندازه محتوا
می‌تواند شامل باشد	تگ‌های بلاک و اینلاین	فقط تگ‌های اینلاین
مثال‌ها	`<div>`, `<p>`, `<h1>`, `<ul>`	`<span>`, `<a>`, `<strong>`, `<img>`

برچسب ها: HTML Block and Inline Elements،تگ‌های بلاک (Block Elements) در HTML،تگ‌های اینلاین (Inline Elements) در HTML

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ