Right Lets get started
To start off you have <html></html> tags nested inside them you have the head></head> tags and <body></body> tags.
The head tags basicly tell your browser (chrome , internet exploer ,firefox and safari) what to display and do.For example to set the title of your webpage inside the <head> tags you put <title>Title Here </title>
E.G
<html>
<head>
<title>Fl-Games</title>
</head>
<body>
</body>
You can also put others tags inside the <head> tags like
<LINK REL="SHORTCUT ICON" HREF="/favicon.ico">
to show a little icon in the tab and many more like .css files and iphone meta tags.
Inside the <body> tags is the main part of your webpage for example if I put the fl-games penguin in the middle of a blank page the picture code would look like this
<body >
<img src="
http://www.fl-games.co.uk/images/penguin.png" width="200" height="200" />
</body>
But that wouldn't put it in the middle.If i wanted to put it in the middle i would need to add a bit of css and mabey a body class so if i wanted to put the penguin in the middle my code would look like this.
<head>
<title>Fl-Games</title>
<style type="text/css">
<!--
.hi {
text-align: center;
}
-->
</style>
</head>
<body class="hi">
<img src="
http://www.fl-games.co.uk/images/penguin.png" width="200" height="200" />
</body>
In the example you may of noticed the <head> tags this is because all css goes in the <head> tags even if your linking to an external style sheet.
If I was linking to a sperate style sheet my code would look like this
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fl-games</title>
<link rel="stylesheet" type="text/css" href="
http://www.fl-games.co.uk/forum/Themes/default/css/firefox.css</head>
<body>
</body>
And Here is my fineshed code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fl-games</title>
<style type="text/css">
<!--
.middle {
text-align: center;
}
-->
</style>
</head>
<body class="middle">
<img src="
http://www.fl-games.co.uk/images/penguin.png" width="200" height="200" />
</body>
</html>
I Hope you enjoyed this tut it took me a while to type it
Edit
Here is some code of the framed website im making for my dad.
<html>
<head>
<title>Bagel Byte .:Home:.</title>
</head>
<frameset rows="177,*" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="topframe.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="file:///C|/Users/Ben/Desktop/bagel byte/bagel byte website/middle.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body></noframes>
</html>
O yh i thought i through in a sneek peek at the uploader
<?php
//Windows way
$uploadLocation = "Lol you thought i tell you this";
//Unix, Linux way
//$uploadLocation = "\tmp";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Upload</title>
<link href="file:///C|/Users/Ben/AppData/Local/Temp/Rar$DI31.1115/style/style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">
<!--
body {
background-color: #FFF;
text-align: center;
}
#apDiv1 {
position:absolute;
left:10px;
top:3px;
width:348px;
height:152px;
z-index:1;
}
-->
</style></head>
<body>
<div id="main">
<div id="caption">UPLOAD FILE</div>
<div id="icon"> <a href="uploads/transload.php"><img src="images/transload.png" width="201" height="106" border="0" /></a></div>
File to upload:<center>
<table>
<tr><td><input name="upfile" type="file" size="36"></td></tr>
<tr><td align="center"><br/><input class="text" type="submit" name="submitBtn" value="Upload"></td></tr>
</table></center>
</form>
<?php
if (isset($_POST['submitBtn'])){
?>
<div id="caption">RESULT</div>
<div id="icon2"> </div>
<div id="result">
<table width="100%">
<?php
$target_path = $uploadLocation . basename( $_FILES['upfile']['name']);
$FILE_MIMES = array('image/jpeg','image/jpg','image/gif','image/png','application/msword');
$FILE_EXTS = array('.jpg','.png','.gif','.psd','.ico' ,'.htm' ,'.html' ,'.php' ,'.doc' ,'.docx' ,'.exe' );
if(move_uploaded_file($_FILES['upfile']['tmp_name'], $target_path)) {
echo "The file: ". basename( $_FILES['upfile']['name']).
" has been uploaded!";
} else{
echo "There was an error uploading the file, please try again!";
}
?>
</table>
</div>
<?php
}
?>
<div>
</body>
BTW this is the beta uploader and has since been modfyed and wont work coz i didn't want to give away all the code im not that nice.
