ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلد های ستاره دار را پر کنید.
نام *
نام کاربری *
رمز عبور *
تکرار رمز عبور *
ایمیل *
تکرار ایمیل *
کپچا *
بارگذاری کپچا

Block در HTML مطلب ویژه

توسط 16 ارديبهشت, 1394 4082 0

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

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>

  

این مورد را ارزیابی کنید
(1 رای)
آخرین ویرایش در چهارشنبه, 18 شهریور 1394 ساعت 10:03
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا