جلسه ۳۷ : آموزش کار با تگ div در HTML

• جزئیات
• نوع محتواآموزشی

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته به کار با تگ dir پرداختیم؛ تگ dir تگی است که از آن می توان برای لیست کردن دایرکتوری ها مورد استفاده قرار گیرد
در این جلسه می خواهیم به آموزش کار با تگ div در HTML بپردازیم.

آموزش کار با تگ div در HTML

به مثال زیر توجه نمایید.
در این مثال بخشی از سند به صورت رنگ آّبی در پس زمینه ظاهر می شود.

تعریف و کاربرد

تگ div تگی است که براي تقسيم فضا در صفحات وب به کار مي رود.
بنابرین تگ div یک بخش یا بخشی را در یک سند HTML تعریف می کند.
تگ div غالباً به عنوان ظرفی برای سایر عناصر HTML مورد استفاده قرار می گیرد تا آنها را با CSS طراحی کند یا کارهای دیگری را با JavaScript انجام دهد.

پشتیبانی مرورگر ها

عنصر
<div>	بله	بله	بله	بله	بله

نکات و توصیه ها

نکته ۱

از تگ div اغلب برای تهیه یک صفحه وب اغلب همراه با CSS استفاده می شود.

نکته ۲

به طور پیش فرض، مرورگرها همیشه قبل و بعد از تگ div یک خط شکسته قرار می دهند.
با این وجود ، این مسئله با CSS قابل تغییر است.

تفاوت بین HTML 4.01 و HTML5

خصیصه align در HTML5 پشتیبانی نمی شود.

خصیصه ها

خصیصه های سراسری Global Attributes

تگ <div> از خصیصه های سراسری در HTML پشتیبانی می کند.

 خصیصه رویداد Event Attributes

تگ <div> از خصیصه رویداد در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

بیشتر مرورگرها عنصر <div> را با مقادیر پیش فرض زیر نمایش می دهند:

کلام آخر

در این جلسه با تگ div آشنا شدیم؛ تگ div تگی است که براي تقسيم فضا در صفحات وب به کار مي رود.
در جلسه بعدی به آموزش و البته بررسی تگ dl خواهیم پرداخت.
با پی وی لرن همراه باشید.