My HTML page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Tech</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="head">
    <img src="thetech-Logo2.gif" width="1000" height="615" id="headlogo" />
    <img src="banner2.gif" width="1500" height="100" />
    <div id="nav">
        <button>Home</button>
    </div>
</div>


<div id="sidebar">
    <img src="sidebar.gif" width="257" height="786" />
    <div id="sidebarcontent">
        <img src="box.gif" width="205" height="300" />
      <form id="login">


        <h2 id="logintxt">Log In</h2>
        <h1 id="username">User Name:</h1>
        <input name="Username" type="text" value="" maxlength="20" id="usernamebox" />
        <h1 id="password">Password:</h1>
        <input name="Password" type="password" id="passwordtxt" />
        <h1 id="forgot">Forgot Password</h1>
        <h1 id="register">Register</h1>
        <div id="submit">
        <img src="login.gif" width="100" height="40" />
        </form>

      </div>
    </div>
</div>


<div id="mainbody">
    <img src="bodybkg.gif" width="1010" height="1500" />
</div>


</body>
</html>