Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | |||
|
html_5_template [2014/11/20 15:23] 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> | ||