آموزش عناصر بلوک در 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  به منظور خود کار تنظیم شدن کد پیج صفحه .

 

<meta       http – equiv = “ content – type “        content = “ text / html ; charsct = utf – & “>

 

 

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

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

پاسخ دهید

میخواهید به بحث بپیوندید؟
مشارکت رایگان.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *