MW2000
MW2000

Reputation: 593

Need assistance with HTML Layout's Skeleton please

alt text

I know this is trivial but I can't seem to get it. Could someone show me how the very basic html skeleton of this template should be? I've been able to do it using tables but I know that's a big no-no.

Either XHTML strict or HTML5 would be ok.

Upvotes: 0

Views: 195

Answers (1)

corroded
corroded

Reputation: 21574

<body>
  <h1>LOGO</h1>
  <ul id="nav">
    <li>menu item</li> 
    <li>menu item</li>
    <li>menu item</li> 
    <li>menu item</li>
    <li>menu item</li> 
    <li>menu item</li>
  </ul>

  <div class="article">
    <h2>HEADER</h2>
    <div class="content">
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
    </div>
  </div>

  <div class="article">
    <h2>HEADER</h2>
    <div class="content">
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
    </div>
  </div>

  <div class="article">
    <h2>HEADER</h2>
    <div class="content">
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
    </div>
  </div>

  <div id="footer">
    <p class="copyright">COPYRIGHT</p>
    <ul id="sitemap">
      <li>menu item</li>
      <li>menu item</li>
      <li>menu item</li>
      <li>menu item</li>
    </ul>
  </div>

</body>

as an exercise, convert it to html5 yourself :) it should be fairly easy: http://html5tutorial.net/

Upvotes: 2

Related Questions