in this post i will introduce you to plain, the best web framework you'll ever see. it has most features you seek on the current modern frameworks:
<!DOCTYPE HTML> <html> <head> <title>Test</title> </head> <body> <h1>first heading</h1> <p>this is a paragraph.</p> </body> </html>
there are 2 ways to add it to your pages, first one is to add a style tag to your head element, this is the most commom way.
<!DOCTYPE HTML> <html> <head> <title>Test</title> <style> h1 { font-family: serif; } </style> </head> <body> <h1>first heading</h1> <p>this is a paragraph.</p> </body> </html>
the second one is inline, so your style applies to only that element.
<h1 style="font-family=serif">first heading</h1≶
of course this incredible framework has built-in support for javascript, because javascript is mandatory for any decent web framework. so plain comes with, not just one, but 3 ways of adding js to your pages, each with its features:
this is the simplest way of running js on you page, using this method the js script is run on the order it is encontered in the page. you can add a script, using the script tag, see this example:
<h1>here comes the js <script> var s = document.createElement('script'); s.type = "text/javascript"; s.src = "link.js"; // file contains alert("hello!"); document.body.appendChild(s); alert("appended"); </script>
your scripts are already inflated and hidrated, healthy!