This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
html_5_template [2011/10/01 01:52] Joel Dare |
html_5_template [2020/06/01 22:53] (current) |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== HTML 5 Template ====== | ||
+ | This is a minimalist template for an HTML 5 document. I typically use this as a starting point for web based apps. | ||
+ | |||
+ | <code html> | ||
+ | <!DOCTYPE html> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | <title>[Title]</title> | ||
+ | |||
+ | <!-- Internal Javascript --> | ||
+ | <script type="text/javascript"> | ||
+ | // Put code here or set the src attribute | ||
+ | </script> | ||
+ | |||
+ | <!-- External Javascript --> | ||
+ | <script src="main.js"></script> | ||
+ | |||
+ | <!-- Internal CSS --> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | * { box-sizing: border-box; } | ||
+ | body { background-color: white; margin: 0; padding: 0; font-family: sans-serif; font-size: 12px; } | ||
+ | p { margin-bottom: 10px; } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <!-- External CSS --> | ||
+ | <link rel="stylesheet" type="text/css" href="style.css"> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <p>Hello World!</p> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> | ||
+ | </code> |