آموزش عناصر block-level و inline-level در HTML

آموزش عناصر block-level و inline-level در HTML عنوان آموزش امروز است که قصد داریم در اختیار شما قرار دهیم.

یکی از سئوالاتی که معمولا در کلاس آموزش طراحی سایت از ما می پرسند ، شرایط تغییرات عناصر block-level و inline-level در طراحی سایت است.

با ما در آموزشگاه کامپیوتر پرتو در این آموزش همراه باشید

معرفی ساختار تگ های block-level

عناصر block-level عناصري هستند که همیشه از یک خط جدید شروع می شوند و می توانند حاوي عناصر block-level و inline دیگر باشند . در واقع این گونه عناصر حالت بلاکی داشته و همیشه در ابتدا و انتهاي خود یک خط خالی ایجاد می کنند .

عناصري همچون p,h1…h6,ol,ul,pre,hr از این دست هستند .

معرفی ساختار تگ های inline-level

در مقابل عناصر inline عناصري هستند که معمولا براي نمایش یک متن ساده استفاده می شوند و هیچ گاه از خط جدید شروع نمی شوند این گونه عناصر فقط می توانند شامل عناصر inline دیگر باشند (و نمی توانند حاوي عناصر block-level دیگر باشند . ) از این نوع عناصر می توان به عناصري همچون b,I,u,em,sup,sub,big,small,a,img اشاره کرد .

آموزش تگ div در HTML

این تگ برای ایجاد یک لایه در صفحه html به کار می رود. این تگ از تگ های اصلی صفحه می باشد و برای مشخص کردن یک بخش یا قسمت از صفحه به کار می رود.

برای طراحی صفحات فارسی باید به نکات زیر توجه کنیم :

استفاده از شناسه dir = “ “ برای راست به چپ کردن نوشته ها . این شناسه 2 مقدار rtl (راست به چپ) و ltr (چپ به راست) را به عنوان ورودی دریافت می کند .برای تعیین راست و یا چپ بودن نوشته ها در صفحه این شناسه را در تگ html صفحه نوشته و مقدار مناسب را برای آن تعیین می کنیم .البته این شناسه در بسیاری از تگ های مربوط به صفحه از قبیل body ،frame ،table ،head و …… وجود دارد و با دادن مقدار به این شناسه می توانیم حالت محدوده آن تگ را مشخص کنیم .

قرار دادن یک متا تگ در سند html به منظور خود کار تنظیم شدن کد پیج صفحه .

اگر می خواهید آموزش عناصر block-level و inline-level در HTML را به صورت حرفه ای ببینید ، پیشنهاد می کنیم در کلاس آموزش HTML – CSS ثبت نام کنید و تمام این موارد را به صورت حرفه ای آموزش ببینید

مقاله