HTML Code:
<body>
<div style="background: green">
<h5 >SEARCH LINKS</h5>
<a target="_blank" href="http://www.google.com">Google</a>
</div>
</body>
HTML Div Element:
SEARCH LINKS
GoogleHTML - Div Layouts
When HTML first began, web creators only had two choices. A table layout, or frames. The div element provides a 3rd alternative, since a div can contain any/every other type of html element within its beginning and ending tag.HTML Code:
<div id="menu" align="right" >
<a href="">HOME</a> |
<a href="">CONTACT</a> |
<a href="">ABOUT</a>
</div>
<div id="content" align="left" bgcolor="white">
<h5>Content Articles</h5>
<p>This paragraph would be your content
paragraph with all of your readable material.</p>
</div>
HTML Div Layout:
Content Articles
This paragraph would be your content paragraph with all of your readable material.Let's add a "LINKS" page to our menu, and another article of content below the existing content.
HTML Code:
<div id="menu" align="right" >
<a href="">HOME</a> |
<a href="">CONTACT</a> |
<a href="">ABOUT</a> |
<a href="">LINKS</a>
</div>
<div id="content" align="left" >
<h5>Content Articles</h5>
<p>This paragraph would be your content
paragraph with all of your readable material.</p>
<h5 >Content Article Number Two</h5>
<p>Here's another content article right here.</p>
</div>
HTML Div Layout II:
HOME | CONTACT | ABOUT | LINKS
