Hello Again I am giving a short tutorial on HTML & Css for Begginers.
It has come to my attention that a few people prefer to use HTML tables and not Css using HTML divs I think that css with divs is much better and is easier to code/ play around with. In this short tutorial I will cover the basics of HTML and Css being used in conjunction with each other.
Okay so lets get started:
Make your HTML Document:
Very simple example:
<HTML>
<BODY>
</BODY>
</HTML>
Now to add a div you must insert it within the <BODY> tag, Like this:
<HTML>
<BODY>
<Div id="Banner">
</Div>
</BODY>
</HTML>
Okay for now this do nothing so we need to add our css into the file. To do this you need to create a .css file and link to it by using this code:
<link rel="StyleSheet" href="./Enter Path Here" />
So now you have done that we can move onto designing the shape we are going to build in our Css File:
#Banner{
width: 1000px;
height: 300px;
background: grey;
}
Lets take you through this. The Number Sign + Banner is identifying which div you want to edit, and then using simple brackets to enclose what you want to use to edit the selected div. width and height are easy to understand and dont forget to use colons and semicolon after the statements.
This has been my short tutorial expect more from me and share this far and wide.
No comments:
Post a Comment