HTML - Div inside of Div
Placing <div> elements inside of other <div> elements allows these elements to be further subdivided.
HTML Div Subdivision:
<div id="myDiv" name="myDiv" title="Example Div Element" style="font-family:
Helvetica; font-size: 12pt; border: 1px solid black;">
<div id="subDiv1" name="subDiv1" title="Subdivision Div Element"
style="color: #FF0000; border: 1px dotted black;">
<h5>Section 1</h5>
<p>This paragraph would be your content paragraph...</p>
<p>Here's another content article right here.</p>
</div>
<br />
<div id="subDiv2" name="subDiv2" title="Subdivision Div Element"
style="color: #FF00FF;border: 1px dashed black;">
<h5>Section 2</h5>
<p>This paragraph would be your content paragraph...</p>
<p>Here's another content article right here.</p>
</div>
</div>
Divs Inside of Divs:
Section 1
This paragraph would be your content paragraph...
Here's another content article right here. |
|
Section 2
This paragraph would be your content paragraph...
Here's another content article right here. |
|
This concept is the foundation of which most web pages are now built. HTML documents that are properly divided and subdivided are easy to maintain and modify.
0 comments:
Post a Comment