Where to insert JavaScript Libraries and CSS in my HTML code?
<p>I am little new to web development and when I was searching internet about other topics, I have seen many people has put popular JS Libraries in <strong>Different Places of their websites.</strong></p>

<p>eg: Inserting JS Libraries on the <strong>Very Beginning or Start of the</strong> <code>&lt;head&gt; &lt;/head&gt;</code> <strong>section. (Before loading any JS Code or a CSS File)</strong></p>

<p>eg: Inserting JS Libraries on the <strong>End of the</strong> <code>&lt;head&gt; &lt;/head&gt;</code> <strong>section. (After loading all JS Codes and CSS Files)</strong></p>

<p>eg: Inserting JS Libraries on the <strong>End of the</strong> <code>&lt;body&gt; &lt;/body&gt;</code> <strong>section. (After loading all JS Codes, Texts, Images, Videos, CSS Files etc...)</strong></p>

<p>So my question is this.</p>

<p><strong>What is the best practice for inserting (where) following JS Libraries, Plugins and CSS Style Sheets to a web page for the most faster loading times and other advantages? - Please mention the reason -</strong></p>

<p>JQuery and it's Plugins</p>

<p>Bootstrap 3.js</p>

<p>Modernizr.js</p>

<p>Angular.js</p>

<p>And another widely used JS Libraries which I couldn't mention here...</p>

<p>Normalize.css</p>

<p>reset.css</p>

<p>bootstrap.css + more</p>

<p>Thank You..!</p>