Tab Highlighted by Default
<p>I have the following tabs on my page. When the page loads I want the Getting Started tab to be highlighted by default along with the tab content within it.</p>

<p>Can somebody help?</p>

<p><a href="https://jsfiddle.net/xptqLm86/" rel="nofollow">JS Fiddle</a></p>

<pre><code> function openTab(evt, tabName) {
    // Declare all variables
    var i, tabcontent, tablinks;

    // Get all elements with class="tabcontent" and hide them
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i &lt; tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }

    // Get all elements with class="tablinks" and remove the class "active"
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i &lt; tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }

    // Show the current tab, and add an "active" class to the link that opened the tab
    document.getElementById(tabName).style.display = "block";
    evt.currentTarget.className += " active";
}
</code></pre>