Basic XHTML Template (M. Hoffmann)


/ Published in: XHTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  4. <title>Basisvorlage (X)HTML Quellcode</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta name="robots" content="index,follow" />
  7. <meta name="copyright" content=" ... " />
  8. <meta name="keywords" content=" ... " />
  9. <meta name="description" content=" ... " />
  10. <link rel="shortcut icon" href="favicon.ico" />
  11. <link rel="stylesheet" type="text/css" media="print" href="druck.css" />
  12. <style type="text/css" media="screen">
  13. @import url( css.css );
  14. <style type="text/css">#supernav { clear: both; margin: 50px 0; padding: 10px; width: 400px; background: #fff; color: #111; text-align: left;}</style></head>
  15. <body id="start">
  16. <!-- - - - - - - - - - - Seitenwrap - - - - - - - - - - -->
  17. <div id="wrapper">
  18. <!-- - - - - - - - - - - Kopfbereich inkl. H1 und Navigation - - - - - - - - - - -->
  19. <div id="header">
  20. <h1>Lorem ipsum dolor sit amet</h1>
  21. <!-- - - - - - - - - - - Navigation - - - - - - - - - - -->
  22. <ul id="navigation">
  23. <li><a href="#" title="">Lorem</a></li>
  24. <li><a href="#" title="">Ipsum</a></li>
  25. <li><a href="#" title="">Dolor</a></li>
  26. <li><a href="#" title="">Sit amet</a></li>
  27. </ul><!-- Ende Navigation -->
  28. </div><!-- Ende Kopfbereich -->
  29. <div id="content"><!-- - - - - - - - - - - Hauptbereich - - - - - - - - - - -->
  30. <h2>Lorem ipsum dolor sit amet</h2>
  31. <p><a href="#" title="">Lorem ipsum dolor sit amet, consectetuer adipiscing</a> 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>
  32. <h3>Lorem ipsum dolor sit amet</h3>
  33. <blockquote cite=""><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></blockquote>
  34. <h4>Lorem ipsum dolor sit amet</h4>
  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. </div><!-- Ende Hauptbereich -->
  37. <div id="sidebar"><!-- - - - - - - - - - - Seitenleiste - - - - - - - - - - -->
  38. <h2>Lorem ipsum dolor sit amet</h2>
  39. <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>
  40. <h3>Lorem ipsum dolor sit amet</h3>
  41. <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>
  42. <h4>Lorem ipsum dolor sit amet</h4>
  43. <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>
  44. </div><!-- Ende Seitenleiste -->
  45. <div id="footer"><!-- - - - - - - - - - - Seitenfuss - - - - - - - - - - -->
  46. <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>
  47. </div><!-- Ende Seitenfuss -->
  48. </div><!-- Ende Seitenwrap -->
  49. <div id="supernav"><h2>Navigation</h2><a href="../index.html">Zur Quelltextübersicht</a></div>
  50. </body>
  51. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.