< اچ‌تی‌ام‌ال
اچ‌تی‌ام‌ال/تقسیم‌بندی
| مقدمه | بندها | قلم | پیوند | تصاویر | رسانه‌ها |
| فریم | جدول‌بندی | یادداشت‌ها | تقسیم‌بندی (div) | فهرست‌بندی | رویدادها |
| سربرگ (هدر) | پابرگ (فوتر) | پیوند ناوبری | سبک‌ها | فهرست تگ‌ها | سرمتن‌ها |
| عنصرها |
تگ دی‌آی‌وی از اصلی‌ترین تگ‌های اچ‌تی‌ام‌ال بوده و با وجود اینکه بسیاری از تگ‌ها در اچ‌تی‌ام‌ال ۵ حذف و یا اضافه شده‌اند، اما حتی یک ذره از اهمیت این تگ کاسته نشده!
مقدمه
تگ DIV یا دیویژن، یکی از تگ‌های مهم HTML است و برای قسمت‌بندی صفحه استفاده می‌شود. این تگ کماکان در آخرین نسخه اچ‌تی‌ام‌ال (نسخه ۵) حضور دارد. این تگ از رویدادهای عمومی اچ‌تی‌ام‌ال پشتیبانی می‌کند.
نحوه استفاده
<!DOCTYPE html>
<html lang="fa">
<title>تگ دی‌آی‌وی</title>
<body dir="rtl">
<div style="width: 300px;">
<div style="width: 300px; height: 50px; background-color: lime; text-size: 10px;">
سربرگ
</div>
<div style="width: 50px; height: 100%; background-color: orange; float: right;">
نوار کناری
</div>
<div style="width: 250px; height: 100%; background-color: yellow; float: right;">
محتوا
</div>
<div style="width: 300px; height: 100%; background-color: red; clear: both;">
پاورقی
</div>
</div>
</body>
</html>
نتیجه کد بالا به این‌صورت خواهد بود:
سربرگ
نوار کناری
محتوا
پاورقی
همان‌طور که مشاهده می‌کنید، من از استایل برای زیبا کردن دی‌آی‌وی استفاده کردم بدون استایل‌دهی به این‌صورت نمایش داده می‌شود:
قسمت اول
قسمت دوم
| نکته: | |
|---|---|
|
توصیه می‌شود که حتما از استایل‌های سی‌اس‌اس در تگ دی‌آی‌وی استفاده کنید. |
This article is issued from Wikibooks. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.