没有表格的网页 | 码农工具

​x
 
<!DOCTYPE html>
<html>
  <head>
    <style>
      div.container
      {
        width:100%;
        margin:0px;
        border:1px solid gray;
        line-height:150%;
      }
      
      div.header,div.footer
      {
        padding:0.5em;
        color:white;
        background-color:gray;
        clear:left;
      }
      
      h1.header
      {
        padding:0;
        margin:0;
      }
      
      div.left
      {
        float:left;
        width:160px;
        margin:0;
        padding:1em;
      }
      
      div.content
      {
        margin-left:190px;
        border-left:1px solid gray;
        padding:1em;
      }
    </style>
  </head>
  <body>
<div class="container">
<div class="header"><h1 class="header">w3cschool.cc</h1></div>
<div class="left"><p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)</p></div>
<div class="content">
<h2>Free Web Building Tutorials</h2>
<p>At w3cschool you will find all the Web-building tutorials you need,
from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p>
<p>w3cschool - The Largest Web Developers Site On The Net!</p></div>
<div class="footer">Copyright 1999-2005 by Refsnes Data.</div>
</div>
</body>
</html>
HTML