Posted By

qimocha on 07/15/10


Tagged


Versions (?)

Index Example


 / Published in: HTML
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  4. <title>Standard-Vorlage XHTML 1.0 Transitional</title>
  5. <link rel="stylesheet" href="css.css" type="text/css" media="screen" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. </head>
  8.  
  9. <!-- *** Seitenwrap *** -->
  10. <div id="wrapper">
  11.  
  12. <!-- *** Kopfbereich inkl. H1 *** -->
  13. <div id="header">
  14. <h1>Lorem ipsum dolor sit amet</h1>
  15.  
  16. <!-- *** Navigation *** -->
  17. <div id="navi">
  18. <ul>
  19. <li><a href="#" title="">Lorem ipsum dolor sit amet</a></li>
  20. <li><a href="#" title="">Lorem ipsum dolor sit amet</a></li>
  21. <li><a href="#" title="">Lorem ipsum dolor sit amet</a></li>
  22. <li><a href="#" title="">Lorem ipsum dolor sit amet</a></li>
  23. <li><a href="#" title="">Lorem ipsum dolor sit amet</a></li>
  24. </ul>
  25.  
  26. </div><!-- Ende navi-->
  27. </div><!-- Ende header-->
  28.  
  29. <!-- *** Beginn Kontentbereich *** -->
  30. <div id="content">
  31. <h2>Lorem ipsum dolor sit amet</h2>
  32. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  33.  
  34. <h3>Lorem ipsum dolor sit amet</h3>
  35. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  36.  
  37. <h4>Lorem ipsum dolor sit amet</h4>
  38. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  39.  
  40. </div><!-- Ende content -->
  41.  
  42. <!-- *** Beginn Seitenleiste *** -->
  43. <div id="sidebar">
  44. <h2>Lorem ipsum dolor sit amet</h2>
  45. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  46.  
  47. <h3>Lorem ipsum dolor sit amet</h3>
  48. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  49.  
  50. <h4>Lorem ipsum dolor sit amet</h4>
  51. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  52.  
  53. </div><!-- Ende sidebar -->
  54.  
  55. <!-- *** Beginn Seitenfuss *** -->
  56. <div id="footer">
  57. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  58. </div><!-- Ende footer -->
  59.  
  60. </div><!-- Ende wrapper -->
  61.  
  62. </body>
  63. </html>

Report this snippet  

You need to login to post a comment.