برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ div در HTML - راهنمای کار با بلوک ها و لایه ها در html

تگ div (مخفف Division) برای ایجاد بلوک یا لایه در صفحه استفاده می شود. تگ div مانند یک ظرف عمل می کند و کدها و تگ های دیگر درون div تعریف می شود. یک صفحه ...

تگ div (مخفف Division) برای ایجاد بلوک یا لایه در صفحه استفاده می شود. تگ div مانند یک ظرف عمل می کند و کدها و تگ های دیگر درون div تعریف می شود.

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

از تگ div می توان برای ایجاد بلوک های تو در تو استفاده کرد و با کمک css می توان نظم مورد نظر را به آنها داد.

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

مثال تگ div در HTML:

 <html>
<head>
<style>
.myDiv {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
}
</style>
</head>
<body>

<div class="myDiv">
  <h2>This is a heading in a div element</h2>
  <p>This is some text in a div element.</p>
</div>

</body>
</html>


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

تگ <div> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی بله بله بله بله بله


ویژگی ها

ویژگی مقدار توضیحات
align left
right
center
justify
چینش عناصر درون تگ div را مشخص می کند.
 این ویژگی در HTML5 پشتیبانی نمی شود.

 

پشتیبانی از ویژگی ها و رویدادهای عمومی

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


دستورات CSS پیش فرض

معمولا مرورگرها تگ div را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.

div {
  display: block;
}

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،
اشتراک گذاری:          
لینک کوتاه:

نظرات نظرات تا اطلاع ثانوی غیر فعال است.