آموزش طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

آموزش طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

آموزش طراحی سایت فروشگاهی شخصی تجاری در بابل

بدون شک، برنامه نویسی یکی از مهم‌ترین مهارت‌هایی است که امروزه نه تنها برای فارغ التحصیلان و دانشجویان رشته مهندسی کامپیوتر، بلکه برای سایر رشته‌ها و زمینه‌ها کاربرد مهمی دارد .

HTML درون خطی است؟

دوشنبه, ۲۴ تیر ۱۳۹۸، ۱۲:۰۰ ق.ظ

عناصر HTML (زبان نشانه گذاری Hypertext Markup Language) از لحاظ تاریخی به عنوان عناصر بلوک سطح یا عناصر درون خطی دسته بندی شدند. عناصر درون خطی هستند که فقط فضایی را محدود می کنند که توسط برچسب ها تعریف عنصر را، به جای شکستن جریان محتوای، اشغال می کنند. در این مقاله، ما عناصر درون خطی را بررسی خواهیم کرد و این که چگونه از عناصر بلوک سطح متفاوت است

درون خطی در مقابل عناصر سطح بلوک: تظاهرات بخش

این به راحتی با یک مثال ساده نشان داده می شود. اول، برخی از CSS های ساده که ما استفاده می کنیم:

}highlight. 

;  background-color:#ee3

{

بیایید به مثال زیر نگاه کنیم که عنصر خطی را نشان می دهد:

<div>The following span is an <span class="highlight">inline element</span>

its background has been colored to display both the beginning and end of

;<the inline element's influence.</div

در این مثال، عنصر <div> block-level حاوی متن است. در آن متن یک عنصر <span> است که یک عنصر درون خطی است. از آنجا که عنصر <span> درون خطی است، پاراگراف درست به عنوان یک جریان متنی بدون وقفه انجام می شود، مانند این:

بلوک levelSection

اکنون اجازه دهید که <span> را به یک عنصر سطح بلوک، مانند <p> تغییر دهیم:

<div>The following paragraph is a <p class="highlight">block-level element;</p>

its background has been colored to display both the beginning and end of

the block-level element's influence.</div>

ارائه شده با استفاده از CSS همانند قبل، ما دریافت می کنیم:

تفاوت را ببین؟ عنصر <p> به طور کلی طرح متن را تغییر می دهد، آن را به سه بخش تقسیم می کند: متن قبل از <p>، سپس متن <p> و در نهایت متن زیر <p>.

تغییر سطوح عنصر
شما می توانید ارائه بصری یک عنصر را با استفاده از ویژگی نمایش صفحه CSS تغییر دهید. به عنوان مثال، با تغییر مقدار نمایشگر از "inline" به "block"، می توانید به مرورگر بگوید که عنصر درون خطی را در یک جعبه بلوک به جای یک جعبه درون خطی رندر کنید و بالعکس. با این حال، انجام این کار، دسته بندی و مدل محتوای المان را تغییر نخواهد داد. به عنوان مثال، حتی اگر صفحه نمایش عنصر span به "block" تغییر کند، هنوز اجازه نمی دهد عنصر div در داخل آن قرار گیرد.

تفاوت تفاوت مفهومی
به طور خلاصه، در اینجا تفاوت های مفهومی اساسی بین عناصر درون خطی و بلوک سطح هستند:

مدل محتوا
به طور کلی، عناصر درون خطی ممکن است فقط شامل داده ها و سایر عناصر درون خطی باشد. شما نمی توانید عناصر بلوک را داخل عناصر درون خطی قرار دهید.
فرمت کردن
به طور پیش فرض، عناصر درون خطی برای شروع در جریان سند، مجبور نیستند. از سوی دیگر، عناصر بلوک معمولا باعث شکستن خط می شوند (هر چند، به طور معمول می توان با استفاده از CSS آن را تغییر داد).

  • فاطمه علیزاده

CSS

عناصر HTML

نظرات  (۰)

هيچ نظري هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی