اصل کاربرد div ها برای طرح چیدمان و لایوت صفحه است.
بنابراین ما تَگ های دیگر را درون تَگ <div> مینویسیم تا طرح های مختلفی ایجاد کنیم.
در کد قسمت قبل ما درون هر تَگ div یک تَگ p قرار داده ایم.
کُد زیر را ببینید و خروجی را مشاهده کنید:
<html>
<head>
</head>
<body>
<div style="width:200px;height:200px;background-color:red">
<p> آکادمی برنامه نویسی آلپان </p>
</div>
<div style="width:300px;height:300px;background-color:blue">
<p> آموزش طراحی سایت </p>
</div>
<div style="width:100px;height:100px;background-color:green">
<p>www.Alpan.ir </p>
</div>
</body>
</html>