سبد خرید

بستن سبد خرید

سبد خرید شما خالی است.

تعداد محصول: 0 کل قیمت: تومان0

Block ها در HTML

تگ div یک عنصر Block است که اغلب به عنوان یک ظرف یا اصطلاحا container برای عناصر HTML دیگر استفاده می شود. تگ div خاصیت یا attribute ندارد، اما می تواند style و  class داشته باشد و بسیار پرکاربرد و بیشترین مورد استفاده می باشد.

زمان مطالعه: 10 دقیقه

Block ها و تگ های درون خطی در HTML ، تگ <div> یک عنصر Block است که اغلب به عنوان یک ظرف یا اصطلاحا container برای عناصر HTML دیگر استفاده می شود در این آموزش گام به گام html از مبتدی تا پیشرفته به شما یاد خواهیم داد.

عناصر Block و Inline در HTML

در این بخش از آموزش های زبان HTML میخواهیم با عناصر یا تگ های بلاکی یا Block و اینلاینی یا Inline در زبان HTML آشنا شویم، لطفا در ادامه و تا پایان این بخش با من همراه باشید.

هر یک از تگ ها یا عناصر HTML بصورت پیش فرض بسته به نوع عنصر دارای یک حالت نمایش می باشند، بطور کلی حالت نمایش تگ ها یا عناصر در HTML به ۲ صورت میتونه باشه :

  • نمایش بلاکی یا Block
  • نمایش درون خطی یا Inline

که در ادامه میخواهیم با این حالت های نمایش آشنا شویم و همچنین در ادامه میتوانید لیست تمام تگ های HTML که بصورت اینلاینی یا بلاکی هستند را مشاهده نمایید.

تگ <div> خاصیت یا attribute ندارد، اما می تواند style و  class داشته باشد و بسیار پرکاربرد و بیشترین مورد استفاده می باشد. وقتی با CSS آشنایی داشته باشید، می توانید قابلیت های بیشتری بر روی تگ <div> اعمال کنید. این تگ می تواند به سبک بلوک های محتوا مورد استفاده قرار گیرد.

تگ <div>

مثال:

<html>
    <body>
    
    <div style="background-color:green; color:white; padding:20px;">
    
    <h2>London</h2>
    <p>HTML is a simple.</p>
    
    </div> 
    </body>
</html>

 

نکته: از تگ div برای جداسازی عناصر html استفاده می شود.

عناصر درون خطی (Inline)

یک عنصر Inline یا درون خطی را در همان تگی که می خواهیم تغییر ایجاد کنیم، می نویسیم نه در خط جدید و مجزا. یعنی متنی به صورت ادامه دار می باشد و به سطر بعدی منتقل نمی شود.

برای اینکار از تگ <span> استفاده می کنیم که به صورت نوع درون خطی می باشد.

مثال:

<html> 
    <body> 
        <h1>My <span style="color:gold">name </span> is Saeed</h1> 
    </body> 
</html>

 

 

پست های مشابه

19تیر 1400

CSS چیست و نقش آن در طراحی وب سایت که در این پست، طراحی و ساخت سایت را توضیح می دهیم، پس با ما همراه باشید. امروزه نرم افزارهایی برای طراحی وب سایت پدید آمده است که این امکان را می دهد که حتی بدون نیاز به دانش برنامه نویسی وب سایتی تولید و توسعه […]

97

0

28خرداد 1400

نمایش لودینگ یا نوار بارگذاری با CSS ، در این مقاله نحوه ی پروژه ایجاد لودینگ یا نوار بارگذاری کامل صفحه وب که با CSS نوشته شده را توضیح میدهیم.نمایش لودینگ صفحه یا بارگذاری کامل آن Preloader

139

0

27خرداد 1400

این پروژه ی بوم برخورددهنده به این صورت است که وقتی بوم ها یا مربع ها باهم برخورد می کنند…

55

0

دیدگاه و پرسش