Block در HTML

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

Block در HTMLCSS در HTML عنوان مقاله قبلی می باشد . یکی دیگر از عناصر HTML گزینه Block  می باشد .شاید عنوان بلاک درست نباشد ولی در ادامه با توضیحاتی که قرار میدهم بهتر می توانید این کلمه را درک کنید . به طور کلی بیشتر المنتهای HTML به دو گروه Block-level elements و Inline-level elements تقسیم میشوند. معمولا المنتهای Block-level المنتهای ساختاری هستند و میتوانند شامل گروه بزرگی از المنتها شوند اما المنتهای Inline-level المنتهای بر پایه متن(Text-base) هستند.
inline level: این Element ها خطی اند و اگر یک تگ inline level دیگر را کنار آن ها بنویسیم کنار تگ قبلی ما قرار می گیرد و فضایی که لازم دارد را پر می کند و فضای اضافی اشغال نمی کند. در واقع فقط تا جایی که محتوا دارند را اشغال می کنند. <b>, <td>, <a>, <img>

block level: این عناصر تمام بلاکی که در آن قرار دارند را اشغال می کنند.و اگر یک تگ دیگر را کنار آن ها بنویسیم کنار تگ قبلی قرار نمی گیرد و تگ دوم به خط بعدی می رود و فضای اضافی اشغال می کند. <h1>, <p>, <ul>, <table>

المان ها درون تگ div

تگ div، تگی برای گروه کردن المان های بلوک در HTML است. این تگ به صورت خاص معنای خاصی ندارد. تنها می توانیم هنگامی که با CSS  استفاده شود، میتوانید به محتوای زیادی را درون این بخش استایل اختصاص دهید .همچنین مرورگرها به صورت پیش فرض قبل و بعد از خط تگ div فاصله معینی را در نظر میگیرد.

از روش های معمول استفاده از تگ div، استفاده در ظاهر سند است. این روش جایگزین روش های قدیمی ایجاد ظاهر سند است که با استفاده از تگ table ایجاد می شده است.


المان های درون تگ span

تگ span تگی برای المان های درون خطی است که میتواند یک متنی را درون خود جای دهد. این تگ نیز مانند تگ div معنای خاصی ندارد وهنگامی که با CSS استفاده شود میتوانید به آن استایل دهید

 

<h1>My <span style="color:red">Important</span> Heading</h1>

  

آخرین بروز رسانیچهارشنبه, 18 شهریور 1394 10:03
مجموعه های بیشتر: « کلاس - Class در HTML CSS در HTML »

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا