برچسب divدرhtml

برچسب <div> چیزی بیش از یک واحد کانتینر نیست که سایر عناصر صفحه را محاصره می کند و سند HTML را به بخش ها تقسیم می کند. توسعه دهندگان وب از عناصر <div> استفاده می کنند تا عناصر HTML را در کنار هم جمع کنند و سبک های CSS را به طور هم زمان در بسیاری از عناصر اعمال کنند. به عنوان مثال ، با پیچیدن مجموعه ای از عناصر پاراگراف در یک عنصر <div> ، توسعه دهنده می تواند از سبک های CSS بهره ببرد و با استفاده از یک سبک فونت بر روی برچسب <div> به جای کدگذاری همان ، یک قلم را به طور هم زمان اعمال کند.

کد عناصر تقسیم HTML:
<div id = “myDiv” name = “myDiv” title = “نمونه عنصر Div”>
<h5> زیرنویس </ h5>
<p> این پاراگراف می تواند بند شما باشد … </p>
<p> در اینجا مقاله دیگری با محتوا وجود دارد. </p>
</div>
با استفاده از این عناصر متنی که اکنون در زیر یک عنصر <div> جمع شده اند ، می توانیم با استفاده از یک ویژگی سبک به برچسب <div> ظاهر هر عنصر اساسی را به صورت جمعی تغییر دهیم.

کد عناصر تقسیم HTML:
<div id = “myDiv” name = “myDiv” title = “نمونه عنصر Div” style = “color: # 0900C4؛ font: Helvetica 12pt؛ مرز: 1px جامد سیاه؛”>
<h5> زیرنویس </ h5>
<p> این پاراگراف می تواند بند شما باشد … </p>
<p> در اینجا مقاله دیگری با محتوا وجود دارد. </p>
</div>
عنصر تقسیم HTML در عمل:
عنوان فرعی
این پاراگراف می تواند بند شما باشد …

عناصری که در یک برچسب <div> قرار گرفته اند ، هر سبک یا خصوصیاتی را که برای عنصر master div استفاده می شود ، به دست می آورند. بنابراین عناصر پاراگراف و عناوین باید اکنون با یک قلم Helvetica به رنگ آبی روشن شوند. علاوه بر این ، ما فقط برای کمک به تجسم گروه بندی عناصر با یکدیگر ، مرز را به عنصر <div> اعمال کرده ایم.

html – div درون div
قرار دادن عناصر <div> در داخل سایر عناصر <div> اجازه می دهد تا این عناصر بیشتر تقسیم شوند.

تقسیم تقسیم HTML:
<div id = “myDiv” name = “myDiv” title = “نمونه عنصر Div” style = “font-family: Helvetica؛ font-size: 12pt؛ مرز: 1px جامد سیاه؛”>
<div id = “subDiv1” name = “subDiv1” title = “Subdivision Div Element” style = “color: # FF0000؛ حاشیه: 1px نقطه ای سیاه؛”>
<h5> بخش 1 </h5>
<p> این پاراگراف می تواند بند شما باشد … </p>
<p> در اینجا مقاله دیگری با محتوا وجود دارد. </p>
</div>
<br />
<div id = “subDiv2” name = “subDiv2” title = “Subdivision Div Element” style = “color: # FF00FF؛ border: 1px black black؛”>
<h5> بخش 2 </h5>
<p> این پاراگراف می تواند بند شما باشد … </p>
<p> در اینجا مقاله دیگری با محتوا وجود دارد. </p>
</div>
</div>
Divs Inside Divs:
بخش 1
این پاراگراف می تواند بند شما باشد …