HTML - Quick template page

By xngo on June 19, 2019

I don't frequently create HTML page from scratch but when I do, I often need to google the syntax of some tags such as <link> and <script>. So, instead of wasting my time searching them every time, I put a HTML template here with all the common tags that I usually need to kick start a webpage.

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
 
        <link rel="stylesheet" href="styles.css"/>
 
        <!-- script needs explicit closing tag. Otherwise, it will not load. -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script type="text/javascript" src="us-states.js"></script>
        <script src="myscripts.js"></script>
 
        <style>
            #mapid { height: 180px; }
        </style>
        <script>
            document.getElementById("demo").innerHTML = "Hello JavaScript!";
        </script>
 
    </head>
    <body>
 
        <div id="mapid" style="width: 600px; height: 400px;"></div>
 
    </body>
</html>

About the author

Xuan Ngo is the founder of OpenWritings.net. He currently lives in Montreal, Canada. He loves to write about programming and open source subjects.