سلام خدمت تمامی دوستان محترم، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش عناصر block level در html با من همراه باشید. عناصر block level در html در این بخش از آموزش های زبان HTML میخواهیم با عناصر یا تگ های بلاکی یا و اینلاینی یا در زبان HTML آشنا شویم، لطفا در ادامه و تا پایان این بخش با من همراه باشید. هر یک از تگ ها یا عناصر HTML بصورت پیش فرض بسته به نوع عنصر دارای یک حالت نمایش می باشند، بطور کلی حالت نمایش تگ ها یا عناصر در HTML به صورت میتونه باشه: نمایش یا نمایش یا عناصر بلاکی یا Block در HTML یک عنصر که دارای حالت نمایش بلاکی یا Block می باشد یعنی اینکه رو به خودشون اختصاص میدن و دیگه نمیزارن عنصر یا تگ دیگه ای در کنارشون قرار بگیرد، یعنی اگر یک تگ دیگه در کنارشون قرار گرفت اون تگ به سطر جدید منتقل میشه. برای اینکه بتونید بطور کامل عناصر بلاک و اینلاین رو درک نمایید لطفا به دستورات زیر توجه نمایید و همچنین برای مشاهده خروجی دستورات زیر بروی دکمه ( کلیک نمایید. اول اینکه تگ از عناصر یا تگ های بلاکی در HTML می باشد و در مقابل تگ از عناصر اینلاینی در HTML می باشد، همانطور که در خروجی دستورات بالا مشاهده مینمایید تگ کل عرض صفحه رو بخودش اختصاص میده و نمیزاره هیچ تگی در کنارش قرار بگیره و همگی رو به سطر بعدی منتقل میکند. ولی در مقابل همانطور که مشاهده مینمایید، تگ که یک تگ اینلاینی یا Inline می باشد به راحتی اجازه میده تگ های اینلاینی دیگر در کنارش قرار بگیرند. و بطور کلی اینکه تگ های Inline همگی در یک خط قرار میگیرند. عناصر دورن خطی یا Inline در HTML خب ما با عناصر بلاکی آشنا شدیم حال میخواهیم با یا اینلاین یا Inline نیز آشنا شویم، این عناصر برخلاف عناصر بلاکی کل عرض یک سطر رو به خودشون اختصاص نمیدن بلکه فضارو تاجایی که مورد نیازشون هست اشغال میکنند و بقیه فضای سطر آزاد میماند. همانطور که در مثال اول کمی بالاتر مشاهده نمودید ما از چندین تگ اینلاینی استفاده کرده بودیم و همه ی آنها در یک سطر در کنار همدیگر قرار گرفته بودند، و این یعنی یک تگ با حالت نمایش اینلاینی یا درون خطی یا Inline در HTML . برای مثال لطفا به دستورات زیر توجه نمایید: