Basic webpage structure I'm new to HTML coding and have created a basic webpage structure for a basic website with 5 pages.

Can anyone suggest any improvements that could help with the structure, layout and design for the pages?

Code for one of the pages is below (all the same except for the names):

&lt;!DOCTYPE html&gt;
&lt;html lang="en-GB"&gt;
&lt;Head&gt;
    &lt;title&gt;Fellows and Fullwood LTD&lt;/title&gt;
    &lt;meta Charset="utf-8"/&gt;
    &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
&lt;/Head&gt;
&lt;body&gt;
    &lt;div id="container"&gt;
        &lt;div id="Header"&gt;
            &lt;h1 align="center"&gt;&lt;img src="Images/fellows.gif" width="150" height="39" longdesc="Images/fellows.gif"&gt;&lt;font size="12"&gt;Fellows and Fullwood&lt;/font&gt;&lt;/h1&gt;
        &lt;/div&gt;
        &lt;div id="nav"&gt;
            &lt;u1&gt;&lt;!--
            --&gt;&lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;&lt;!--
            --&gt;&lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;&lt;!--
            --&gt;&lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;&lt;!--
            --&gt;&lt;li&gt;&lt;a href="#"&gt;Careers&lt;/a&gt;&lt;/li&gt;&lt;!--
            --&gt;&lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
            &lt;/u1&gt;
        &lt;/div&gt;
        &lt;div id="Main"&gt;
          &lt;h2&gt;Contact us&lt;/h2&gt;&lt;form  action="" method="POST" enctype="multipart/form-data"&gt;
            &lt;div align="center"&gt;
              &lt;p&gt;
                &lt;input type="hidden" name="action" value="submit"/&gt; 
              &lt;/p&gt;
              &lt;p&gt;Your name:&lt;br&gt;
              &lt;input name="name" type="text" value="" size="30"/&gt;
                &lt;br /&gt; 
                Your email:&lt;br&gt;
                &lt;input name="email" type="text" value="" size="30"/&gt;
  &lt;br /&gt; Your message:&lt;br /&gt;
                &lt;textarea name="message" rows="7" cols="30"&gt; &lt;/textarea&gt; 
 &lt;br /&gt;&lt;input type="submit" value="Send email"/&gt;
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/form&gt; 

            &lt;p&gt;lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here lots and lots of text here 
            &lt;/p&gt;
        &lt;/div&gt;
        &lt;div id="Sidebar"&gt;
            &lt;h2&gt;Sidebar&lt;/h2&gt;
            &lt;u1&gt;
              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;                  &lt;/li&gt;
              &lt;br&gt;&lt;/br&gt;
                &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
              &lt;br&gt;&lt;/br&gt;
                &lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;
              &lt;br&gt;&lt;/br&gt;
                &lt;li&gt;&lt;a href="#"&gt;Careers&lt;/a&gt;&lt;/li&gt;
              &lt;br&gt;&lt;/br&gt;
                &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                &lt;br&gt;&lt;/br&gt;
          &lt;/u1&gt;
        &lt;/div&gt;
        &lt;div id="Footer"&gt;
            &lt;p&gt;&amp;copy;Copyright Fellows and Fullwood 2014.&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;div id="Header"&gt;


HTML 5 introduces the &lt;header&gt; element.

          &lt;h1 align="center"&gt;


Don't use presentational attributes, like align, use CSS. 

          &lt;img src="Images/fellows.gif" width="150" height="39" longdesc="Images/fellows.gif"&gt;


The alt attribute is mandatory. If the text that follows it duplicates the information in the image, then use alt="".

The longdesc attribute has been removed from HTML 5. In HTML 4 it should point to an HTML document that describes the image (for people who cannot see it), not the image itself.

          &lt;font size="12"&gt;Fellows and Fullwood&lt;/font&gt;


The &lt;font&gt; element is obsolete and should not be used (and I'm pretty sure 12 isn't a valid size for it anyway). Use CSS. 

          &lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="nav"&gt;


HTML 5 introduces the &lt;nav&gt; element.

          &lt;u1&gt;&lt;!--


An Unordered List is ul not u1.

Use a validator.

          --&gt;&lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;&lt;!--
          --&gt;&lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;&lt;!--
          --&gt;&lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;&lt;!--
          --&gt;&lt;li&gt;&lt;a href="#"&gt;Careers&lt;/a&gt;&lt;/li&gt;&lt;!--
          --&gt;&lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          &lt;/u1&gt;
      &lt;/div&gt;
      &lt;div id="Main"&gt;


HTML 5 introduces &lt;main&gt;

        &lt;h2&gt;Contact us&lt;/h2&gt;&lt;form  action=""


You can omit the action attribute entirely if you want to resolve to the current URI.

         method="POST" enctype="multipart/form-data"&gt;
          &lt;div align="center"&gt;
            &lt;p&gt;
              &lt;input type="hidden" name="action" value="submit"/&gt; 
            &lt;/p&gt;


Most of the paragraphs in this form at dubious at best but this is just wrong. There is no content for the user at all, and certainly no paragraph.

            &lt;p&gt;Your name:&lt;br&gt;


Please learn to love labels 

            &lt;input name="name" type="text" value="" size="30"/&gt;
              &lt;br /&gt; 


In general, prefer container elements and CSS margins/paddings to hard line breaks. &lt;br&gt; is most useful when line breaks are a significant part of content which is otherwise continuous (such as street addresses or poetry). 

      &lt;div id="Footer"&gt;
          &lt;p&gt;&amp;copy;Copyright Fellows and Fullwood 2014.&lt;/p&gt;
      &lt;/div&gt;


HTML 5 introduces the &lt;footer&gt; element.