پاسخ سوال
فرموده بودید چرا تگ a کنار تگ strang قرار میگیره به دلیل این ک تگ a این لاین المنت و به اندازه خودش و محتواش جا میگیره ولی بقیه تگ ها همشون نه بعضی هاشون بلاک المنت هستن ک علاوه بر محتوا خودشون اندازه یه سطر هم جا میگیرن و محتوا تگ بعدی رو به سطر بعدی میفرستن پس در کل inline المنت ها به اندازه خودشون جا میگیرن ولی block المنت ها به اندازه یک سطر جا میگیرن
سلام بخاطر اینکه تگ a از نوع inline هست ولی p , h1 از نوع block هست
سلام پشت سرم هم قرار گرفتنشون بخاطر قرار گرفتن در یک تگ دیو هست اما توی حالت عمودی داخل 2 تا تگ دیو قرار گرفته اند
به تگ هایی مانند تگ a,span تگ های inline گفته میشه که در سمت راست ترین المنت قبل از خود قرار میگیرند و سایر المنت ها نیز میتوانند در کنار انها و پشت سر هم قرار بگیرند
اما تگ هایی مثل div که block هستند یک سطر کامل را اشغال میکنند و قبل و بعد انها در یک سطر المنت دیگری جای نمیگیرد.
به تگ هایی مانند تگ a,span تگ های inline گفته میشه که در سمت راست ترین المنت قبل از خود قرار میگیرند و سایر المنت ها نیز میتوانند در کنار انها و پشت سر هم قرار بگیرند
اما تگ هایی مثل div که block هستند یک سطر کامل را اشغال میکنند و قبل و بعد انها در یک سطر المنت دیگری جای نمیگیرد.
سلام خدمت شما و همه دوستان
زمانی که از تگ div استفاده شده یعنی ما سطر های مختلفی رو ایجاد کردیم بخاطر همین دو متن اول زیر یکدیگر قرار گرفته ولی زمانی که درون یک تگ div از دونوع تگ های دیگه استفاده کردیم در کنار هم قرار گرفتند ولی میشه از تگ <br> استفاده کرد تا متن ها در زیر یکدیگر نوشته بشن
به این صورت :
<div>
<strong>hello world</strong>
<br>
<a href="http://www.google.com" target="_blank">ورود به دنیای گوگل</a>
</div>
بلاک ها
بلاک ها در html بر روی صفحه نمایش ظاهر می شوند به صورت تمام عرض ادامه می یابد . به عنوان مثال
<p>، <h1>، <h2>، <h3>، <h4>، <h5>، <h6>، <ul>، <ol>، <dl>، <pre>، <hr />، <blockquote>، و <address>
همگی جزو بلاک ها دسته بندی می شوند . همه تگ های یاد شده از خط جدید شروع می کنند، و هر چیزی که آنها را دنبال کند از خط جدید شروع میکن
عناصر بلاک ها همیشه از یک خط جدید شروع می شوند
به زبان ساده تر عناصری که یک خط را به صورت کامل اشغال می کنند Block می گوییم ؛ چه داخل عنصر محتوا بصورت کامل قرار بگیره چه در حد چند کلمه ی کوتاه باشد ، در هر صورت یک خط رو به صورت کامل در بر میگیرد و محتوای عنصر بعدی به خط بعد منتقل میشود
Inline عناصر
به زبان ساده ، عناصر inline ، به اندازه محتوای خود فضا را اشغال می کنند
اگر دو عنصر inline ، کنار هم قرار بگیرند در خروجی نیز در کنار هم خواهند بود و هر کدام به خط جداگانه منتقل نمیشوند
از سوی دیگر، عناصر درونی می توانند در جملات ظاهر شوند و مجبور به ظاهر شدن در خط جدید نیستند. این عناصر از جایی که شروع شده اند و تا جایی که پایان می بایند ادامه دارند.
<i>، <u>، <em>، <strong>، <sup>، <sub>، <big>، <small>، <li>، <ins>، <del>، <cite>، <dfn>، <kbd>، و <var>
عناصر فوق همگی عناصر درون خطی هستند.
پاسخ تمرین
سلام به همه ی دوستان
المان یا تگ های html به دو دسته زیر تقسیم میشوند :
- block : یعنی در نمایش، تمام عرض صفحه را پوشش میدهد یعنی یک سطر را کامل در بر می گیرد مانند تگ های : div , p و ..
به همین خاطر تگ <h1></h1> بعد از تگ <p></p> نمایش داده شد .
- inline block : یعنی در نمایش، تمام عرض صفحه را پوشش نمیدهد یعنی به اندازه محتوای درون تگ فضا را اشغال می کند مانند تگ های : strong , span , a و ..’’
به همین خاطر ت<a></a> در ادامه ی تگ <strong></strong> نمایش داده می شود .گ
