HTML Divs for the noobies
Howdy! I'm assuming you're local with HTML & CSS.
Righty! Lets start you off on how to make a simple boxed layout.
Using the one and only HTML & CSS.
[Note this for basic]
Ok, Lets get our main tags up!
HTML Code:
<html>
<head>
<title> First CSS Layout </title>
</head>
<style type="text/css">
</style>
<body>
</body>
</html>
Now, lets get into making the main containers!
Lets do our body first shall we?
HTML Code:
body {
height:100%;
width: 100%;
background-color: green;
}
Now, lets do our banner.
HTML Code:
div#banner {
height: 200px;
width: 100%;
background-color: red;
}
Now, i'll repeat this process, editing the height and width.
Although no need for me to spam this up! Just set your containers with your color, height and width to fit int your layout needs.
The HTML Part
In your body section, lets do our banner.
HTML Code:
<div id="banner">
In here put your image or text
</div>
This is the same process with just sorting out the div preferences.
I.e = Height, width, color, text inside it. Etc.
Hope this helped.
