Web Development

HTML Head

HTML Head is the section 7 of Beginner’s Guide to HTML.

We already came across with body element. There can’t be a body without a head, isn’t it? So let’s see what’s on the HTML head. The  element is a container for all the head elements. Inside the head element we do following things.

  • Have title for the web page </span></strong></li> <li>Include scripts<strong> <span style="color: #404040;"><script></span></strong></li> <li>Instruct the browser where to find style sheets <strong><span style="color: #404040;"><br /> <ins class="adsbygoogle below-in-post" style="display:block" data-ad-client="ca-pub-3316316126386276" data-ad-slot="3794426943"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><div class="essb_break_scroll"></div></div></article> <nav class="prev-next-nav"> <div class="vce-prev-link"> <a href="http://www.letsdnd.com/html-hyperlinks/" rel="prev"><span class="img-wrp"><img src="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/01/letsdnd-logo-e1420455769399.jpg"/><span class="vce-pn-ico"><i class="fa fa fa-chevron-left"></i></span></span><span class="vce-prev-next-link">HTML Hyperlinks</span></a></div><div class="vce-next-link"> <a href="http://www.letsdnd.com/images-on-html/" rel="next"><span class="img-wrp"><img src="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/01/letsdnd-logo-e1420455769399.jpg"/><span class="vce-pn-ico"><i class="fa fa fa-chevron-right"></i></span></span><span class="vce-prev-next-link">Add Images on HTML</span></a></div></nav> </main> <section class="main-box mbt-border-top author-box"> <h3 class="main-box-title">About the author</h3> <div class="main-box-inside"> <div class="data-image"> <img src="http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=112&d=mm&r=g" width="112" height="112" alt="" class="avatar avatar-112 wp-user-avatar wp-user-avatar-112 photo avatar-default"/></div><div class="data-content"> <h4 class="author-title">Sandeep Likhar</h4> <div class="data-entry-content"> <p>Sandeep Likhar from India, Blogger, eBook Designer and Founder of LetsDnD. Having 6 years of experience in industry as a Digital Publishing Expert and eBook Converter providing services to Authors, Publishers and distributors worldwide. Proficient in converting books into various formats HTML, epub, mobi, word, PDF including all major online platforms iTunes, Kobo, Kindle, Createspace, B&N, Smashwords and more.</p></div></div></div><div class="vce-content-outside"> <div class="data-links"> <a href="http://www.letsdnd.com/author/admin/" class="vce-author-link vce-button">View all posts</a></div><div class="vce-author-links"> <a href="http://www.letsdnd.com" target="_blank" class="fa fa-link vce-author-website"></a> <a href="https://www.facebook.com/SandeepLikhar" target="_blank" class="fa fa-facebook"></a> <a href="https://www.linkedin.com/in/sandeeplikhar" target="_blank" class="fa fa-linkedin"></a> <a href="https://twitter.com/sandeeplikhar" target="_blank" class="fa fa-twitter"></a></div></div></section> <div class="main-box vce-related-box"> <h3 class="main-box-title">You may also like</h3> <div class="main-box-inside"> <article class="vce-post vce-lay-d post-9222 post type-post status-publish format-standard has-post-thumbnail hentry category-app-development tag-ecommerce tag-mobile tag-mobile-commerce"> <div class="meta-image"> <a href="http://www.letsdnd.com/6-astounding-mobile-app-development-trends-2017/" title="6 Astounding Mobile App Development Trends for 2017"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/VR-apps-145x100.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/VR-apps-145x100.jpg 145w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/VR-apps-380x260.jpg 380w" sizes="(max-width: 145px) 100vw, 145px"/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/app-development/" class="category-164">App Development</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/6-astounding-mobile-app-development-trends-2017/" title="6 Astounding Mobile App Development Trends for 2017">6 Astounding Mobile App Development Trends for 2017</a></h2> </header> </article> <article class="vce-post vce-lay-d post-9347 post type-post status-publish format-standard has-post-thumbnail hentry category-blogging tag-article-writing-service"> <div class="meta-image"> <a href="http://www.letsdnd.com/need-article-writing-services-business/" title="Need Of Article Writing Services For Your Business"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/article-writing-145x100.png" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt=""/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/blogging/" class="category-170">Blogging</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/need-article-writing-services-business/" title="Need Of Article Writing Services For Your Business">Need Of Article Writing Services For Your Business</a></h2> </header> </article> <article class="vce-post vce-lay-d post-9319 post type-post status-publish format-standard has-post-thumbnail hentry category-social-media-marketing tag-social-media tag-social-media-planning"> <div class="meta-image"> <a href="http://www.letsdnd.com/social-media-planning-can-help/" title="Social Media Planning And How Can It Help You"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/social-media-1-145x100.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/social-media-1-145x100.jpg 145w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/social-media-1-380x260.jpg 380w" sizes="(max-width: 145px) 100vw, 145px"/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/social-media-marketing/" class="category-177">Social Media & Marketing</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/social-media-planning-can-help/" title="Social Media Planning And How Can It Help You">Social Media Planning And How Can It Help You</a></h2> </header> </article> <article class="vce-post vce-lay-d post-9334 post type-post status-publish format-standard has-post-thumbnail hentry category-app-development"> <div class="meta-image"> <a href="http://www.letsdnd.com/current-state-html5-mobile-app-development/" title="What is the current state of HTML5 mobile app development?"> <img width="145" height="100" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/HTML5-mobile-app-development1-145x100.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/HTML5-mobile-app-development1-145x100.jpg 145w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/02/HTML5-mobile-app-development1-380x260.jpg 380w" sizes="(max-width: 145px) 100vw, 145px"/> </a></div><header class="entry-header"> <span class="meta-category"><a href="http://www.letsdnd.com/app-development/" class="category-164">App Development</a></span> <h2 class="entry-title"><a href="http://www.letsdnd.com/current-state-html5-mobile-app-development/" title="What is the current state of HTML5 mobile app development?">What is the current state of HTML5 mobile app...</a></h2> </header> </article></div></div><div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html-head/#respond" style="display:none;">X</a></small></h3> <form action="http://www.letsdnd.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate> <p class="comment-form-comment"><label for="comment">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p><p class="comment-form-author"><label for="author">Name<span class="required"> *</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-email"><label for="email">Email<span class="required"> *</span></label> <input id="email" name="email" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="" size="30" /></p> <p class="cptch_block"><span class="cptch_wrap cptch_ajax_wrap" data-cptch-form="wp_comments" data-cptch-input="cptch_number" data-cptch-class="cptch_wp_comments"> <noscript>In order to pass the CAPTCHA please enable JavaScript</noscript> </span></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='1787' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="dbf3d730d8" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="52"/></p> </form></div></div><aside id="sidebar" class="sidebar right"> <div id="essbsocialfollowerscounterwidget-2" class="widget widget_essbsocialfollowerscounterwidget"><h4 class="widget-title">Join Social Followers</h4><div class="essbfc-container essbfc-col-3 essbfc-template-modern"><ul><li class="essbfc-facebook"><a href="https://www.facebook.com/LetsDnD" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-facebook"></i><span class="essbfc-followers-count">10.8k</span><span class="essbfc-followers-text">Fans</span></div></a></li><li class="essbfc-twitter"><a href="https://www.twitter.com/LetsDnD" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-twitter"></i><span class="essbfc-followers-count">5.3k</span><span class="essbfc-followers-text">Followers</span></div></a></li><li class="essbfc-google"><a href="https://plus.google.com/+LetsDnDTuts" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-google"></i><span class="essbfc-followers-count">964</span><span class="essbfc-followers-text">Followers</span></div></a></li><li class="essbfc-pinterest"><a href="https://www.pinterest.com/LetsDnD" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-pinterest"></i><span class="essbfc-followers-count">1.6k</span><span class="essbfc-followers-text">Followers</span></div></a></li><li class="essbfc-rss"><a href="http://feeds.feedburner.com/letsdnd" target="_blank" rel="nofollow"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-rss"></i><span class="essbfc-followers-count">29</span><span class="essbfc-followers-text">Subscribers</span></div></a></li><li class="essbfc-total"><div class="essbfc-network"><i class="essbfc-icon essbfc-icon-total"></i><span class="essbfc-followers-count">18.7k</span><span class="essbfc-followers-text">Total fans</span></div></li></ul></div></div><div id="vce_adsense_widget-5" class="widget vce_adsense_widget vce_adsense_expand"><h4 class="widget-title">Advertisement</h4> <div class="vce_adsense_wrapper"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-3316316126386276" data-ad-slot="6100561741"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <h3><a target="_blank" href="http://www.runappsonpc.com/">Run Apps on PC</a></h3> <a href="http://affiliates.hostgator.in/affiliate.php?id=7496_0_1_60" target="_blank"><img style="border:0px" src="http://resources.hostgator.in/affiliate/generic_300x250.gif" width="300" height="250" alt=""></a></div></div><div id="vce_posts_widget-2" class="widget vce_posts_widget"><h4 class="widget-title">Popular Posts</h4> <ul class="vce-post-big"> <li> <a href="http://www.letsdnd.com/download-free-signup-and-registration-forms/" class="featured_image_sidebar" title="15 Free Signup and Registration forms"><span class="vce-post-img"><img width="380" height="242" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Sign-Up-Form.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Signup anad Registration forms" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Sign-Up-Form.jpg 500w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Sign-Up-Form-300x191.jpg 300w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/download-free-signup-and-registration-forms/" title="15 Free Signup and Registration forms" class="vce-post-link">15 Free Signup and Registration forms</a></div></li> <li> <a href="http://www.letsdnd.com/download-free-responsive-menus-tutorials/" class="featured_image_sidebar" title="Download Free Responsive Menus Tutorials"><span class="vce-post-img"><img width="380" height="206" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/11/ResponsiveRetinaFriendlyMenu.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Responsive Retina Friendly Menu" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/11/ResponsiveRetinaFriendlyMenu.jpg 580w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/11/ResponsiveRetinaFriendlyMenu-300x163.jpg 300w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/download-free-responsive-menus-tutorials/" title="Download Free Responsive Menus Tutorials" class="vce-post-link">Download Free Responsive Menus Tutorials</a></div></li> <li> <a href="http://www.letsdnd.com/13-web-design-predictions-2016-2017/" class="featured_image_sidebar" title="13 Web Design Predictions for 2016 – 2017"><span class="vce-post-img"><img width="380" height="228" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="web design predictions 2016 - 2017" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017.jpg 600w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017-150x90.jpg 150w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017-300x180.jpg 300w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/05/web-design-predictions-2016-2017-440x264.jpg 440w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/13-web-design-predictions-2016-2017/" title="13 Web Design Predictions for 2016 – 2017" class="vce-post-link">13 Web Design Predictions for 2016 – 2017</a></div></li> <li> <a href="http://www.letsdnd.com/trust-top-website-development-company/" class="featured_image_sidebar" title="Why Trust Only a Top Website Development company?"><span class="vce-post-img"><img width="380" height="260" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/10/Trust-WordPress-For-Your-Web-Projects-380x260.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Why Trust Only a Top Website Development company?" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/10/Trust-WordPress-For-Your-Web-Projects-380x260.jpg 380w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/10/Trust-WordPress-For-Your-Web-Projects-145x100.jpg 145w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/trust-top-website-development-company/" title="Why Trust Only a Top Website Development company?" class="vce-post-link">Why Trust Only a Top Website Development company?</a></div></li> <li> <a href="http://www.letsdnd.com/highly-productive-php-tools-testing-debugging/" class="featured_image_sidebar" title="Highly Productive PHP Tools for Testing and Debugging"><span class="vce-post-img"><img width="380" height="260" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/08/testing-and-debugging-tools-in-php-applications-380x260.jpg" class="attachment-vce-fa-grid size-vce-fa-grid wp-post-image" alt="Highly Productive PHP Tools for Testing and Debugging" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/08/testing-and-debugging-tools-in-php-applications-380x260.jpg 380w, //i0.wp.com/letsdnd.com/wp-content/uploads/2016/08/testing-and-debugging-tools-in-php-applications-145x100.jpg 145w" sizes="(max-width: 380px) 100vw, 380px"/></span></a> <div class="vce-posts-wrap"> <a href="http://www.letsdnd.com/highly-productive-php-tools-testing-debugging/" title="Highly Productive PHP Tools for Testing and Debugging" class="vce-post-link">Highly Productive PHP Tools for Testing and Debugging</a></div></li> </ul></div><div id="vce_adsense_widget-6" class="widget vce_adsense_widget vce_adsense_expand"><h4 class="widget-title">Advertisement</h4> <div class="vce_adsense_wrapper"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-3316316126386276" data-ad-slot="8218284549"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div><div class="vce-sticky"><div id="categories-6" class="widget widget_categories"><h4 class="widget-title">Categories</h4> <ul> <li class="cat-item cat-item-164"><a href="http://www.letsdnd.com/app-development/"><span class="category-text">App Development</span><span class="count"><span class="count-hidden">26</span></span></a> </li> <li class="cat-item cat-item-170"><a href="http://www.letsdnd.com/blogging/"><span class="category-text">Blogging</span><span class="count"><span class="count-hidden">28</span></span></a> </li> <li class="cat-item cat-item-172"><a href="http://www.letsdnd.com/entrepreneurship-startup/"><span class="category-text">Entrepreneurship & Startup</span><span class="count"><span class="count-hidden">32</span></span></a> </li> <li class="cat-item cat-item-28"><a href="http://www.letsdnd.com/freebies/"><span class="category-text">Freebies</span><span class="count"><span class="count-hidden">17</span></span></a> </li> <li class="cat-item cat-item-53"><a href="http://www.letsdnd.com/how-to/" title="Tips, Tricks and Tutorials on technology, computing, software, internet and gadgets. This category consists of articles published on Tweak, Tips and Tricks related to internet, wordpress, windows, how tos and many more."><span class="category-text">How To</span><span class="count"><span class="count-hidden">72</span></span></a> </li> <li class="cat-item cat-item-173"><a href="http://www.letsdnd.com/life-hacks/"><span class="category-text">Life Hacks</span><span class="count"><span class="count-hidden">10</span></span></a> </li> <li class="cat-item cat-item-174"><a href="http://www.letsdnd.com/make-money-online/"><span class="category-text">Make Money online</span><span class="count"><span class="count-hidden">9</span></span></a> </li> <li class="cat-item cat-item-1"><a href="http://www.letsdnd.com/marketing/"><span class="category-text">Marketing</span><span class="count"><span class="count-hidden">19</span></span></a> </li> <li class="cat-item cat-item-437"><a href="http://www.letsdnd.com/seo/"><span class="category-text">SEO</span><span class="count"><span class="count-hidden">9</span></span></a> </li> <li class="cat-item cat-item-177"><a href="http://www.letsdnd.com/social-media-marketing/"><span class="category-text">Social Media & Marketing</span><span class="count"><span class="count-hidden">24</span></span></a> </li> <li class="cat-item cat-item-75"><a href="http://www.letsdnd.com/technology/"><span class="category-text">Technology</span><span class="count"><span class="count-hidden">104</span></span></a> </li> <li class="cat-item cat-item-408"><a href="http://www.letsdnd.com/tools/"><span class="category-text">Tools</span><span class="count"><span class="count-hidden">4</span></span></a> </li> <li class="cat-item cat-item-23"><a href="http://www.letsdnd.com/web-design/"><span class="category-text">Web Design</span><span class="count"><span class="count-hidden">37</span></span></a> </li> <li class="cat-item cat-item-167"><a href="http://www.letsdnd.com/web-development/"><span class="category-text">Web Development</span><span class="count"><span class="count-hidden">152</span></span></a> </li> </ul></div></div></aside></div><footer id="footer" class="site-footer"> <div class="container"> <div class="container-fix"> <div class="bit-2"> <div id="mks_author_widget-2" class="widget mks_author_widget"><h4 class="widget-title">The Man Behind LetsDnD</h4> <img src="http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=70&d=mm&r=g" width="70" height="70" alt="" class="avatar avatar-70 wp-user-avatar wp-user-avatar-70 photo avatar-default"/> <h3>Sandeep Likhar</h3> <div class="vce-author-links"><a href="http://www.letsdnd.com" target="_blank" class="fa fa-link"></a><a href="https://www.facebook.com/SandeepLikhar" target="_blank" class="fa fa-facebook"></a><a href="https://www.linkedin.com/in/sandeeplikhar" target="_blank" class="fa fa-linkedin"></a><a href="https://twitter.com/sandeeplikhar" target="_blank" class="fa fa-twitter"></a></div><p>Sandeep Likhar from India, Blogger, eBook Designer and Founder of LetsDnD. Having 6 years of experience in industry as a Digital Publishing Expert and eBook Converter providing services to Authors, Publishers and distributors worldwide. Proficient in converting books into various formats HTML, epub, mobi, word, PDF including all major online platforms iTunes, Kobo, Kindle, Createspace, B&N, Smashwords and more.</p></div></div><div class="bit-2"> <div id="mymail_signup-2" class="widget widget_mymail_signup"><h4 class="widget-title">Subscribe To Newsletter</h4><div class="mymail-widget-text mymail-widget-text-before">Be the first to get latest updates and exclusive content straight to your email inbox.</div><form action="http://www.letsdnd.com/mymail/subscribe" method="post" class="mymail-form-1 mymail-form mymail-form-submit mymail-ajax-form mymail-in-widget"><input name="_referer" type="hidden" value="http://www.letsdnd.com/html-head/"> <input name="formid" type="hidden" value="1"> <div class="mymail-form-fields"> <div class="mymail-wrapper mymail-firstname-wrapper"><label for="mymail-firstname-1">Name (Optional)</label><input id="mymail-firstname-1" name="firstname" type="text" value="" class="input mymail-firstname" aria-required="false" aria-label="Name (Optional)"></div><label style="position:absolute;top:-99999px;left:-99999px;z-index:-99;"><input name="n_8f1736b0b0_email" type="email" tabindex="-1" autocomplete="off"></label> <div class="mymail-wrapper mymail-email-wrapper"><label for="mymail-email-1">Email <span class="mymail-required">*</span></label><input id="mymail-email-1" name="email" type="email" value="" class="input mymail-email mymail-required" aria-required="true" aria-label="Email" spellcheck="false"></div><div class="mymail-wrapper mymail-submit-wrapper form-submit"><input name="submit" type="submit" value="Subscribe" class="submit-button button" aria-label="Subscribe"></div></div></form> <div class="mymail-widget-text mymail-widget-text-after">Give it a try, you can unsubscribe any time.</div></div></div></div></div><div class="container-full site-info"> <div class="container"> <div class="vce-wrap-left"> <p>© Copyright 2017 - Lets Design n Develop</p></div><div class="vce-wrap-right"> <ul id="vce_footer_menu" class="bottom-nav-menu"><li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-27"><a href="http://www.letsdnd.com/">Home</a></li> <li id="menu-item-1593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1593"><a href="http://www.letsdnd.com/about-us/">About Us</a></li> <li id="menu-item-5190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5190"><a href="http://www.letsdnd.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-5189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5189"><a href="http://www.letsdnd.com/terms-and-conditions/">Terms and Conditions</a></li> <li id="menu-item-5188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5188"><a href="http://www.letsdnd.com/copyright/">Copyright</a></li> <li id="menu-item-6631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6631"><a href="http://www.letsdnd.com/sitemap/">Sitemap</a></li> <li id="menu-item-1592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1592"><a href="http://www.letsdnd.com/contact-us/">Contact Us</a></li> </ul></div></div></div></footer></div></div><a href="javascript:void(0)" id="back-top"><i class="fa fa-angle-up"></i></a> <div class="essb-mobile-sharepoint" onclick="essb_mobile_sharebar_open();"><div class="essb-mobile-sharepoint-icon"></div></div><div class="essb-mobile-sharebar-window"><div class="essb-mobile-sharebar-window-close-title" onclick="essb_mobile_sharebar_close(); return false;"><a href="#" class="essb-mobile-sharebar-window-close"></a></div><div class="essb-mobile-sharebar-window-content"><div class="essb_links essb_counters essb_displayed_sharepoint essb_share essb_template_metro-retina essb_1246969699 essb_width_columns_1 print-no" id="essb_displayed_sharepoint_1246969699" data-essb-postid="1787" data-essb-position="sharepoint" data-essb-button-style="button" data-essb-template="metro-retina" data-essb-counter-pos="insidename" data-essb-url="http://www.letsdnd.com/html-head/" data-essb-twitter-url="http://www.letsdnd.com/html-head/" data-essb-instance="1246969699"><ul class="essb_links_list"><li class="essb_item essb_totalcount_item essb_totalcount_item_before" data-counter-pos="insidename"><span class="essb_totalcount essb_t_before" title=""><span class="essb_t_nb"></span> shares</span></li><li class="essb_item essb_link_facebook nolightbox"> <a href="http://www.facebook.com/sharer/sharer.php?u=http://www.letsdnd.com/html-head/&t=HTML+Head" title="" onclick="essb_window('http://www.facebook.com/sharer/sharer.php?u=http://www.letsdnd.com/html-head/&t=HTML+Head','facebook','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Facebook</span></a></li><li class="essb_item essb_link_twitter nolightbox"> <a href="#" title="" onclick="essb_window('https://twitter.com/intent/tweet?text=HTML+Head&url=http://bit.ly/28TbQdP&counturl=http://www.letsdnd.com/html-head/&related=LetsDnD&via=LetsDnD&hashtags=html','twitter','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Twitter</span></a></li><li class="essb_item essb_link_google nolightbox"> <a href="https://plus.google.com/share?url=http://www.letsdnd.com/html-head/" title="" onclick="essb_window('https://plus.google.com/share?url=http://www.letsdnd.com/html-head/','google','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Google+</span></a></li><li class="essb_item essb_link_flipboard nolightbox"> <a href="https://share.flipboard.com/bookmarklet/popout?url=http://www.letsdnd.com/html-head/&title=HTML+Head" title="" onclick="essb_window('https://share.flipboard.com/bookmarklet/popout?url=http://www.letsdnd.com/html-head/&title=HTML+Head','flipboard','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Flipboard</span></a></li><li class="essb_item essb_link_linkedin nolightbox"> <a href="http://www.linkedin.com/shareArticle?mini=true&ro=true&trk=EasySocialShareButtons&title=HTML+Head&url=http://www.letsdnd.com/html-head/" title="" onclick="essb_window('http://www.linkedin.com/shareArticle?mini=true&ro=true&trk=EasySocialShareButtons&title=HTML+Head&url=http://www.letsdnd.com/html-head/','linkedin','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">LinkedIn</span></a></li><li class="essb_item essb_link_stumbleupon nolightbox"> <a href="http://www.stumbleupon.com/badge/?url=http://www.letsdnd.com/html-head/" title="" onclick="essb_window('http://www.stumbleupon.com/badge/?url=http://www.letsdnd.com/html-head/','stumbleupon','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">StumbleUpon</span></a></li><li class="essb_item essb_link_pinterest nolightbox"> <a href="#" title="" onclick="essb_pinterest_picker('1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Pinterest</span></a></li><li class="essb_item essb_link_tumblr nolightbox"> <a href="http://tumblr.com/share?s=&v=3&t=HTML+Head&u=http%3A%2F%2Fwww.letsdnd.com%2Fhtml-head%2F" title="" onclick="essb_window('http://tumblr.com/share?s=&v=3&t=HTML+Head&u=http%3A%2F%2Fwww.letsdnd.com%2Fhtml-head%2F','tumblr','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Tumblr</span></a></li><li class="essb_item essb_link_reddit nolightbox"> <a href="http://reddit.com/submit?url=http://www.letsdnd.com/html-head/&title=HTML+Head" title="" onclick="essb_window('http://reddit.com/submit?url=http://www.letsdnd.com/html-head/&title=HTML+Head','reddit','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Reddit</span></a></li><li class="essb_item essb_link_buffer nolightbox"> <a href="https://bufferapp.com/add?url=http://www.letsdnd.com/html-head/&text=HTML+Head&via=LetsDnD&picture=&count=horizontal&source=button" title="" onclick="essb_window('https://bufferapp.com/add?url=http://www.letsdnd.com/html-head/&text=HTML+Head&via=LetsDnD&picture=&count=horizontal&source=button','buffer','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Buffer</span></a></li><li class="essb_item essb_link_pocket nolightbox"> <a href="https://getpocket.com/save?title=HTML+Head&url=http%3A%2F%2Fwww.letsdnd.com%2Fhtml-head%2F" title="" onclick="essb_window('https://getpocket.com/save?title=HTML+Head&url=http%3A%2F%2Fwww.letsdnd.com%2Fhtml-head%2F','pocket','1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Pocket</span></a></li><li class="essb_item essb_link_mail nolightbox"> <a href="#" title="" onclick="essb_mailform_1246969699('1246969699'); return false;" target="_blank" rel="nofollow"><span class="essb_icon"></span><span class="essb_network_name">Email</span></a></li></ul></div></div></div><div class="essb-mobile-sharebar-window-shadow"></div><style>img.wp-smiley, img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-0.1em !important;background:none !important;padding:0 !important;}</style> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/8202dcaff8c8e537c56623dcdff305c6/1488056592index.css" media="all"/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/2dbe93c570dc8b49d173f9569aad8a18/1488032631index.css" media="screen"/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/4eb397976011b47578407a465d1dd3fd/1488032631index.css" media="all"/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/3e8312b534213218cf098c86ac4a2725/1488032631index.css" media="screen, print"/> <style id='vce_style-inline-css'>body{background-color:#f0f0f0;} body,.mks_author_widget h3,.site-description,.meta-category a,textarea{font-family:'Open Sans';font-weight:400;} h1,h2,h3,h4,h5,h6,blockquote,.vce-post-link,.site-title,.site-title a,.main-box-title,.comment-reply-title,.entry-title a,.vce-single .entry-headline p,.vce-prev-next-link,.author-title,.mks_pullquote,.widget_rss ul li .rsswidget,#bbpress-forums .bbp-forum-title,#bbpress-forums .bbp-topic-permalink{font-family:'Merienda';font-weight:400;} .main-navigation a,.sidr a{font-family:'Roboto Slab';font-weight:400;} .vce-single .entry-content,.vce-single .entry-headline,.vce-single .entry-footer{width:760px;} .vce-lay-a .lay-a-content{width:760px;max-width:760px;} .vce-page .entry-content,.vce-page .entry-title-page{width:760px;} .vce-sid-none .vce-single .entry-content,.vce-sid-none .vce-single .entry-headline,.vce-sid-none .vce-single .entry-footer{width:1090px;} .vce-sid-none .vce-page .entry-content,.vce-sid-none .vce-page .entry-title-page,.error404 .entry-content{width:1090px;max-width:1090px;} body, button, input, select, textarea{color:#1c1c1c;} h1,h2,h3,h4,h5,h6,.entry-title a,.prev-next-nav a,#bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink,.woocommerce ul.products li.product .price .amount{color:#232323;} a,.entry-title a:hover,.vce-prev-next-link:hover,.vce-author-links a:hover,.required,.error404 h4,.prev-next-nav a:hover,#bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover,.woocommerce ul.products li.product h3:hover,.woocommerce ul.products li.product h3:hover mark,.main-box-title a:hover{color:#1e73be;} .vce-square,.vce-main-content .mejs-controls .mejs-time-rail .mejs-time-current,button,input[type="button"],input[type="reset"],input[type="submit"],.vce-button,.pagination-wapper a,#vce-pagination .next.page-numbers,#vce-pagination .prev.page-numbers,#vce-pagination .page-numbers,#vce-pagination .page-numbers.current,.vce-link-pages a,#vce-pagination a,.vce-load-more a,.vce-slider-pagination .owl-nav > div,.vce-mega-menu-posts-wrap .owl-nav > div,.comment-reply-link:hover,.vce-featured-section a,.vce-lay-g .vce-featured-info .meta-category a,.vce-404-menu a,.vce-post.sticky .meta-image:before,#vce-pagination .page-numbers:hover,#bbpress-forums .bbp-pagination .current,#bbpress-forums .bbp-pagination a:hover,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce ul.products li.product .added_to_cart,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce ul.products li.product .added_to_cart:hover,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.comments-holder .navigation .page-numbers.current,.vce-lay-a .vce-read-more:hover,.vce-lay-c .vce-read-more:hover{background-color:#1e73be;} #vce-pagination .page-numbers,.comments-holder .navigation .page-numbers{background:transparent;color:#1e73be;border:1px solid #1e73be;} .comments-holder .navigation .page-numbers:hover{background:#1e73be;border:1px solid #1e73be;} .bbp-pagination-links a{background:transparent;color:#1e73be;border:1px solid #1e73be !important;} #vce-pagination .page-numbers.current,.bbp-pagination-links span.current,.comments-holder .navigation .page-numbers.current{border:1px solid #1e73be;} .widget_categories .cat-item:before,.widget_categories .cat-item .count{background:#1e73be;} .comment-reply-link,.vce-lay-a .vce-read-more,.vce-lay-c .vce-read-more{border:1px solid #1e73be;} .entry-meta div,.entry-meta div a,.comment-metadata a,.meta-category span,.meta-author-wrapped,.wp-caption .wp-caption-text,.widget_rss .rss-date,.sidebar cite,.site-footer cite,.sidebar .vce-post-list .entry-meta div,.sidebar .vce-post-list .entry-meta div a,.sidebar .vce-post-list .fn,.sidebar .vce-post-list .fn a,.site-footer .vce-post-list .entry-meta div,.site-footer .vce-post-list .entry-meta div a,.site-footer .vce-post-list .fn,.site-footer .vce-post-list .fn a,#bbpress-forums .bbp-topic-started-by,#bbpress-forums .bbp-topic-started-in,#bbpress-forums .bbp-forum-info .bbp-forum-content,#bbpress-forums p.bbp-topic-meta,span.bbp-admin-links a,.bbp-reply-post-date,#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer,.woocommerce .woocommerce-result-count,.woocommerce .product_meta{color:#5e5e5e;} .main-box-title, .comment-reply-title, .main-box-head{background:#ffffff;color:#232323;} .main-box-title a{color:#232323;} .sidebar .widget .widget-title a{color:#232323;} .main-box,.comment-respond,.prev-next-nav{background:#f9f9f9;} .vce-post,ul.comment-list > li.comment,.main-box-single,.ie8 .vce-single,#disqus_thread,.vce-author-card,.vce-author-card .vce-content-outside,.mks-bredcrumbs-container,ul.comment-list > li.pingback{background:#ffffff;} .mks_tabs.horizontal .mks_tab_nav_item.active{border-bottom:1px solid #ffffff;} .mks_tabs.horizontal .mks_tab_item,.mks_tabs.vertical .mks_tab_nav_item.active,.mks_tabs.horizontal .mks_tab_nav_item.active{background:#ffffff;} .mks_tabs.vertical .mks_tab_nav_item.active{border-right:1px solid #ffffff;} #vce-pagination,.vce-slider-pagination .owl-controls,.vce-content-outside,.comments-holder .navigation{background:#f3f3f3;} .sidebar .widget-title{background:#ffffff;color:#232323;} .sidebar .widget{background:#f9f9f9;} .sidebar .widget,.sidebar .widget li a,.sidebar .mks_author_widget h3 a,.sidebar .mks_author_widget h3,.sidebar .vce-search-form .vce-search-input,.sidebar .vce-search-form .vce-search-input:focus{color:#161616;} .sidebar .widget li a:hover,.sidebar .widget a,.widget_nav_menu li.menu-item-has-children:hover:after,.widget_pages li.page_item_has_children:hover:after{color:#1e73be;} .sidebar .tagcloud a{border:1px solid #1e73be;} .sidebar .mks_author_link,.sidebar .tagcloud a:hover,.sidebar .mks_themeforest_widget .more,.sidebar button,.sidebar input[type="button"],.sidebar input[type="reset"],.sidebar input[type="submit"],.sidebar .vce-button,.sidebar .bbp_widget_login .button{background-color:#1e73be;} .sidebar .mks_author_widget .mks_autor_link_wrap,.sidebar .mks_themeforest_widget .mks_read_more{background:#f3f3f3;} .sidebar #wp-calendar caption,.sidebar .recentcomments,.sidebar .post-date,.sidebar #wp-calendar tbody{color:rgba(22,22,22,0.7);} .site-footer{background:#373941;} .site-footer .widget-title{color:#ffffff;} .site-footer,.site-footer .widget,.site-footer .widget li a,.site-footer .mks_author_widget h3 a,.site-footer .mks_author_widget h3,.site-footer .vce-search-form .vce-search-input,.site-footer .vce-search-form .vce-search-input:focus{color:#f9f9f9;} .site-footer .widget li a:hover,.site-footer .widget a,.site-info a{color:#1e73be;} .site-footer .tagcloud a{border:1px solid #1e73be;} .site-footer .mks_author_link,.site-footer .mks_themeforest_widget .more,.site-footer button,.site-footer input[type="button"],.site-footer input[type="reset"],.site-footer input[type="submit"],.site-footer .vce-button,.site-footer .tagcloud a:hover{background-color:#1e73be;} .site-footer #wp-calendar caption,.site-footer .recentcomments,.site-footer .post-date,.site-footer #wp-calendar tbody,.site-footer .site-info{color:rgba(249,249,249,0.7);} .top-header,.top-nav-menu li .sub-menu{background:#3a3a3a;} .top-header,.top-header a{color:#ffffff;} .top-header .vce-search-form .vce-search-input,.top-header .vce-search-input:focus,.top-header .vce-search-submit{color:#ffffff;} .top-header .vce-search-form .vce-search-input::-webkit-input-placeholder{color:#ffffff;} .top-header .vce-search-form .vce-search-input:-moz-placeholder{color:#ffffff;} .top-header .vce-search-form .vce-search-input::-moz-placeholder{color:#ffffff;} .top-header .vce-search-form .vce-search-input:-ms-input-placeholder{color:#ffffff;} .header-1-wrapper{height:90px;padding-top:15px;} .header-2-wrapper,.header-3-wrapper{height:90px;} .header-2-wrapper .site-branding,.header-3-wrapper .site-branding{top:15px;left:0px;} .site-title a, .site-title a:hover{color:#232323;} .site-description{color:#aaaaaa;} .main-header{background-color:#ffffff;} .header-bottom-wrapper{background:#fcfcfc;} .vce-header-ads{margin:0px 0;} .header-3-wrapper .nav-menu > li > a{padding:35px 15px;} .header-sticky,.sidr{background:rgba(252,252,252,0.95);} .ie8 .header-sticky{background:#ffffff;} .main-navigation a,.nav-menu .vce-mega-menu > .sub-menu > li > a,.sidr li a,.vce-menu-parent{color:#4a4a4a;} .nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul li:hover > a,.nav-menu ul .current-menu-item a,.nav-menu ul .current_page_item a,.vce-menu-parent:hover,.sidr li a:hover,.main-navigation li.current-menu-item.fa:before{color:#3d82bf;} .nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul,.header-sticky .nav-menu > .current_page_item:hover > a,.header-sticky .nav-menu > .current-menu-item:hover > a,.header-sticky .nav-menu > .current-menu-ancestor:hover > a,.header-sticky .main-navigation a.vce-item-selected:hover{background-color:#ffffff;} .search-header-wrap ul{border-top:2px solid #3d82bf;} .vce-border-top .main-box-title{border-top:2px solid #1e73be;} .tagcloud a:hover,.sidebar .widget .mks_author_link,.sidebar .widget.mks_themeforest_widget .more,.site-footer .widget .mks_author_link,.site-footer .widget.mks_themeforest_widget .more,.vce-lay-g .entry-meta div,.vce-lay-g .fn,.vce-lay-g .fn a{color:#FFF;} .vce-featured-header .vce-featured-header-background{opacity:0.5} .vce-featured-grid .vce-featured-header-background,.vce-post-big .vce-post-img:after,.vce-post-slider .vce-post-img:after{opacity:0.5} .vce-featured-grid .owl-item:hover .vce-grid-text .vce-featured-header-background,.vce-post-big li:hover .vce-post-img:after,.vce-post-slider li:hover .vce-post-img:after{opacity:0.8} #back-top{background:#323232} .meta-image:hover a img,.vce-lay-h .img-wrap:hover .meta-image > img,.img-wrp:hover img,.vce-gallery-big:hover img,.vce-gallery .gallery-item:hover img,.vce_posts_widget .vce-post-big li:hover img,.vce-featured-grid .owl-item:hover img,.vce-post-img:hover img,.mega-menu-img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} a.category-164, .sidebar .widget .vce-post-list a.category-164{color:#245fff;} body.category-164 .main-box-title, .main-box-title.cat-164{border-top:2px solid #245fff;} .widget_categories li.cat-item-164 .count{background:#245fff;} .widget_categories li.cat-item-164:before{background:#245fff;} .vce-featured-section .category-164, .vce-post-big .meta-category a.category-164, .vce-post-slider .meta-category a.category-164{background-color:#245fff;} .vce-lay-g .vce-featured-info .meta-category a.category-164{background-color:#245fff;} .vce-lay-h header .meta-category a.category-164{background-color:#245fff;} .main-navigation li.vce-cat-164 a:hover{color:#245fff;} a.category-170, .sidebar .widget .vce-post-list a.category-170{color:#fd4d1e;} body.category-170 .main-box-title, .main-box-title.cat-170{border-top:2px solid #fd4d1e;} .widget_categories li.cat-item-170 .count{background:#fd4d1e;} .widget_categories li.cat-item-170:before{background:#fd4d1e;} .vce-featured-section .category-170, .vce-post-big .meta-category a.category-170, .vce-post-slider .meta-category a.category-170{background-color:#fd4d1e;} .vce-lay-g .vce-featured-info .meta-category a.category-170{background-color:#fd4d1e;} .vce-lay-h header .meta-category a.category-170{background-color:#fd4d1e;} .main-navigation li.vce-cat-170 a:hover{color:#fd4d1e;} a.category-171, .sidebar .widget .vce-post-list a.category-171{color:#eb135c;} body.category-171 .main-box-title, .main-box-title.cat-171{border-top:2px solid #eb135c;} .widget_categories li.cat-item-171 .count{background:#eb135c;} .widget_categories li.cat-item-171:before{background:#eb135c;} .vce-featured-section .category-171, .vce-post-big .meta-category a.category-171, .vce-post-slider .meta-category a.category-171{background-color:#eb135c;} .vce-lay-g .vce-featured-info .meta-category a.category-171{background-color:#eb135c;} .vce-lay-h header .meta-category a.category-171{background-color:#eb135c;} .main-navigation li.vce-cat-171 a:hover{color:#eb135c;} a.category-172, .sidebar .widget .vce-post-list a.category-172{color:#0040a0;} body.category-172 .main-box-title, .main-box-title.cat-172{border-top:2px solid #0040a0;} .widget_categories li.cat-item-172 .count{background:#0040a0;} .widget_categories li.cat-item-172:before{background:#0040a0;} .vce-featured-section .category-172, .vce-post-big .meta-category a.category-172, .vce-post-slider .meta-category a.category-172{background-color:#0040a0;} .vce-lay-g .vce-featured-info .meta-category a.category-172{background-color:#0040a0;} .vce-lay-h header .meta-category a.category-172{background-color:#0040a0;} .main-navigation li.vce-cat-172 a:hover{color:#0040a0;} a.category-28, .sidebar .widget .vce-post-list a.category-28{color:#00fb8a;} body.category-28 .main-box-title, .main-box-title.cat-28{border-top:2px solid #00fb8a;} .widget_categories li.cat-item-28 .count{background:#00fb8a;} .widget_categories li.cat-item-28:before{background:#00fb8a;} .vce-featured-section .category-28, .vce-post-big .meta-category a.category-28, .vce-post-slider .meta-category a.category-28{background-color:#00fb8a;} .vce-lay-g .vce-featured-info .meta-category a.category-28{background-color:#00fb8a;} .vce-lay-h header .meta-category a.category-28{background-color:#00fb8a;} .main-navigation li.vce-cat-28 a:hover{color:#00fb8a;} a.category-53, .sidebar .widget .vce-post-list a.category-53{color:#66001b;} body.category-53 .main-box-title, .main-box-title.cat-53{border-top:2px solid #66001b;} .widget_categories li.cat-item-53 .count{background:#66001b;} .widget_categories li.cat-item-53:before{background:#66001b;} .vce-featured-section .category-53, .vce-post-big .meta-category a.category-53, .vce-post-slider .meta-category a.category-53{background-color:#66001b;} .vce-lay-g .vce-featured-info .meta-category a.category-53{background-color:#66001b;} .vce-lay-h header .meta-category a.category-53{background-color:#66001b;} .main-navigation li.vce-cat-53 a:hover{color:#66001b;} a.category-173, .sidebar .widget .vce-post-list a.category-173{color:#5061d3;} body.category-173 .main-box-title, .main-box-title.cat-173{border-top:2px solid #5061d3;} .widget_categories li.cat-item-173 .count{background:#5061d3;} .widget_categories li.cat-item-173:before{background:#5061d3;} .vce-featured-section .category-173, .vce-post-big .meta-category a.category-173, .vce-post-slider .meta-category a.category-173{background-color:#5061d3;} .vce-lay-g .vce-featured-info .meta-category a.category-173{background-color:#5061d3;} .vce-lay-h header .meta-category a.category-173{background-color:#5061d3;} .main-navigation li.vce-cat-173 a:hover{color:#5061d3;} a.category-174, .sidebar .widget .vce-post-list a.category-174{color:#376001;} body.category-174 .main-box-title, .main-box-title.cat-174{border-top:2px solid #376001;} .widget_categories li.cat-item-174 .count{background:#376001;} .widget_categories li.cat-item-174:before{background:#376001;} .vce-featured-section .category-174, .vce-post-big .meta-category a.category-174, .vce-post-slider .meta-category a.category-174{background-color:#376001;} .vce-lay-g .vce-featured-info .meta-category a.category-174{background-color:#376001;} .vce-lay-h header .meta-category a.category-174{background-color:#376001;} .main-navigation li.vce-cat-174 a:hover{color:#376001;} a.category-177, .sidebar .widget .vce-post-list a.category-177{color:#ab1d2b;} body.category-177 .main-box-title, .main-box-title.cat-177{border-top:2px solid #ab1d2b;} .widget_categories li.cat-item-177 .count{background:#ab1d2b;} .widget_categories li.cat-item-177:before{background:#ab1d2b;} .vce-featured-section .category-177, .vce-post-big .meta-category a.category-177, .vce-post-slider .meta-category a.category-177{background-color:#ab1d2b;} .vce-lay-g .vce-featured-info .meta-category a.category-177{background-color:#ab1d2b;} .vce-lay-h header .meta-category a.category-177{background-color:#ab1d2b;} .main-navigation li.vce-cat-177 a:hover{color:#ab1d2b;} a.category-75, .sidebar .widget .vce-post-list a.category-75{color:#3a6d82;} body.category-75 .main-box-title, .main-box-title.cat-75{border-top:2px solid #3a6d82;} .widget_categories li.cat-item-75 .count{background:#3a6d82;} .widget_categories li.cat-item-75:before{background:#3a6d82;} .vce-featured-section .category-75, .vce-post-big .meta-category a.category-75, .vce-post-slider .meta-category a.category-75{background-color:#3a6d82;} .vce-lay-g .vce-featured-info .meta-category a.category-75{background-color:#3a6d82;} .vce-lay-h header .meta-category a.category-75{background-color:#3a6d82;} .main-navigation li.vce-cat-75 a:hover{color:#3a6d82;} a.category-167, .sidebar .widget .vce-post-list a.category-167{color:#dd2e2e;} body.category-167 .main-box-title, .main-box-title.cat-167{border-top:2px solid #dd2e2e;} .widget_categories li.cat-item-167 .count{background:#dd2e2e;} .widget_categories li.cat-item-167:before{background:#dd2e2e;} .vce-featured-section .category-167, .vce-post-big .meta-category a.category-167, .vce-post-slider .meta-category a.category-167{background-color:#dd2e2e;} .vce-lay-g .vce-featured-info .meta-category a.category-167{background-color:#dd2e2e;} .vce-lay-h header .meta-category a.category-167{background-color:#dd2e2e;} .main-navigation li.vce-cat-167 a:hover{color:#dd2e2e;} a.category-25, .sidebar .widget .vce-post-list a.category-25{color:#702aa3;} body.category-25 .main-box-title, .main-box-title.cat-25{border-top:2px solid #702aa3;} .widget_categories li.cat-item-25 .count{background:#702aa3;} .widget_categories li.cat-item-25:before{background:#702aa3;} .vce-featured-section .category-25, .vce-post-big .meta-category a.category-25, .vce-post-slider .meta-category a.category-25{background-color:#702aa3;} .vce-lay-g .vce-featured-info .meta-category a.category-25{background-color:#702aa3;} .vce-lay-h header .meta-category a.category-25{background-color:#702aa3;} .main-navigation li.vce-cat-25 a:hover{color:#702aa3;} a.category-23, .sidebar .widget .vce-post-list a.category-23{color:#bc00bf;} body.category-23 .main-box-title, .main-box-title.cat-23{border-top:2px solid #bc00bf;} .widget_categories li.cat-item-23 .count{background:#bc00bf;} .widget_categories li.cat-item-23:before{background:#bc00bf;} .vce-featured-section .category-23, .vce-post-big .meta-category a.category-23, .vce-post-slider .meta-category a.category-23{background-color:#bc00bf;} .vce-lay-g .vce-featured-info .meta-category a.category-23{background-color:#bc00bf;} .vce-lay-h header .meta-category a.category-23{background-color:#bc00bf;} .main-navigation li.vce-cat-23 a:hover{color:#bc00bf;} a.category-1, .sidebar .widget .vce-post-list a.category-1{color:#ff2b2b;} body.category-1 .main-box-title, .main-box-title.cat-1{border-top:2px solid #ff2b2b;} .widget_categories li.cat-item-1 .count{background:#ff2b2b;} .widget_categories li.cat-item-1:before{background:#ff2b2b;} .vce-featured-section .category-1, .vce-post-big .meta-category a.category-1, .vce-post-slider .meta-category a.category-1{background-color:#ff2b2b;} .vce-lay-g .vce-featured-info .meta-category a.category-1{background-color:#ff2b2b;} .vce-lay-h header .meta-category a.category-1{background-color:#ff2b2b;} .main-navigation li.vce-cat-1 a:hover{color:#ff2b2b;}</style> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/ee019815657076b1916ffed45cf1d278/1488131237index.css" media="all"/> <style>.essb-mobile-sharebar, .essb-mobile-sharepoint, .essb-mobile-sharebottom{display:none;} .essb_links_list li.essb_totalcount_item .essb_t_l_big .essb_t_nb:after, .essb_links_list li.essb_totalcount_item .essb_t_r_big .essb_t_nb:after{color:#777777;content:"shares";display:block;font-size:11px;font-weight:normal;text-align:center;text-transform:uppercase;margin-top:-5px;} .essb_links_list li.essb_totalcount_item .essb_t_l_big, .essb_links_list li.essb_totalcount_item .essb_t_r_big{text-align:center;} .essb_displayed_sidebar .essb_links_list li.essb_totalcount_item .essb_t_l_big .essb_t_nb:after, .essb_displayed_sidebar .essb_links_list li.essb_totalcount_item .essb_t_r_big .essb_t_nb:after{margin-top:0px;} .essb_displayed_sidebar_right .essb_links_list li.essb_totalcount_item .essb_t_l_big .essb_t_nb:after, .essb_displayed_sidebar_right .essb_links_list li.essb_totalcount_item .essb_t_r_big .essb_t_nb:after{margin-top:0px;} .essb_totalcount_item_before, .essb_totalcount_item_after{display:block !important;} .essb_totalcount_item_before .essb_totalcount, .essb_totalcount_item_after .essb_totalcount{border:0px !important;} .essb_counter_insidebeforename{margin-right:5px;font-weight:bold;} .essb_width_columns_1 li{width:100%;} .essb_width_columns_1 li a{width:92%;} .essb_width_columns_2 li{width:49%;} .essb_width_columns_2 li a{width:86%;} .essb_width_columns_3 li{width:32%;} .essb_width_columns_3 li a{width:80%;} .essb_width_columns_4 li{width:24%;} .essb_width_columns_4 li a{width:70%;} .essb_width_columns_5 li{width:19.5%;} .essb_width_columns_5 li a{width:60%;} .essb_width_columns_6 li{width:16%;} .essb_width_columns_6 li a{width:55%;} .essb_links li.essb_totalcount_item_before, .essb_width_columns_1 li.essb_totalcount_item_after{width:100%;text-align:left;} .essb_network_align_center a{text-align:center;} .essb_network_align_right .essb_network_name{float:right;}</style> <style>.et_monarch .et_social_networks{margin-top:7px;} body { line-height: 30px; font-size: 18px; } p{margin-bottom:20px;} .essb_links.essb_template_metro-retina{margin:0;} .vce-ad-container{margin:15px auto;} .vce-page .entry-content, .vce-single .entry-content{margin:0 auto 30px;} @media only screen and (max-width: 670px) and (min-width: 200px) { body{line-height:30px;font-size:18px;} }</style> <style> </span></strong><span style="color: #404040;">and style sheet files</span><strong><span style="color: #404040;"> <link></span></strong></li> <li>Provide meta information <strong><span style="color: #404040;"><meta></span></strong></li> <li>Identify whether the browser has disabled running scripts <strong><span style="color: #404040;"><noscript></span></strong></li> <li>Define a base url for all the urls in the web page<strong> <span style="color: #404040;"><base></span></strong></li> </ul> <p>Let's go one by one.</p> <h2>Title</h2> <p style="text-align: justify;">We already used this element when describing about nested elements in a previous section. Anyway we look into it again. Title element provides following benefits.</p> <ul style="color: #404040;"> <li>Defines a title in the browser</li> <li>Provides a title for the page when it is added to favorites</li> <li>Displays a title for the page in search-engine results</li> </ul> <p>We can write it as follows.</p> [code language="html"] <html&gt; <head&gt; <title&gt; Title of the document </title&gt; </head&gt; <body&gt; The content of the document...... </body&gt; </html&gt; [/code] <h2> <div id='wpfc-rb-loading' style='background-color:#fefefe;bottom:0;height:100%;left:0;overflow:hidden !important;position:fixed;right:0;top:0;width:100%;z-index:99999;'><style>#wpfc-rb-spinner-6{margin:0 auto;top:50%;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2.0s infinite linear;animation:sk-rotate 2.0s infinite linear;} .dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#f49b1e;border-radius:100%;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out;} .dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s;} @-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0.0)} 50%{-webkit-transform:scale(1.0)}}@keyframes sk-bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0);} 50%{transform:scale(1.0);-webkit-transform:scale(1.0);}}</style> <div id="wpfc-rb-spinner-6"> <div class="dot1"></div><div class="dot2"></div></div></div>Script</h2> <p style="text-align: justify;">To include client side script such like JavaScript we can use this tag. We can also use this tag inside in the body tag. As we cover JavaScript in a separate tutorial don't worry if you do not get this point.</p> <p>Just see how it can be used.</p> [code language="html"] <head&gt; <script&gt; alert(&quot;This is a JavaScript alert.&quot;); </script&gt; </head&gt; [/code] <h2>Style</h2> <p style="text-align: justify;">If you can remember when explaining about class attribute in a previous section we used this element. Anyway we'll look into it again. <span style="color: #404040;"> This tag is used to define style information inside the document. We called it internal styles. It specify how the HTML elements should be rendered in a browser. Don't worry if you don't get this thing because we'll cover up CSS in a separate tutorial.</span></p> <p>Just see how style tag is used.</p> [code language="html"] <head&gt; <style type=&quot;text/css&quot;&gt; h2 {color:green;} h1 {color:blue;} </style&gt; </head&gt; [/code] <p style="text-align: justify;">Like as in the class example, we define the style of elements. Here we defined all the </p> <h2> element font color is green and </p> <h1> element font color is blue.</p> <h2>Link</h2> <p style="text-align: justify;"><span style="color: #404040;">The <link> tag defines the relationship between a document and an external resource. Widely used this to import external CSS files. If you don't want inline styles, you can use this element.  We'll go deeply into this on the CSS tutorial.</span></p> <p>Just see how it can be used.</p> [code language="html"] <head&gt; <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;mystyle.css&quot;&gt; </head&gt;[/code] <h2>Meta</h2> <p style="text-align: justify;">For data about data, we called metadata. <span style="color: #404040;">The <meta> tag provides metadata about the HTML document and it will not be displayed on the web browser. It typically used to specify page description, keywords, author of the document, last modified, and other metadata. Web browsers use this data to display the content or reload the page as metadata specifies. Search engines used keywords in the metadata and web services also found metadata beneficial.</span></p> <p style="text-align: justify;">Let's see few examples of usage.</p> <p style="text-align: justify;"><strong>Define keywords for search engines.</strong></p> [code language="html"] <meta name=&quot;keywords&quot; content=&quot;HTML, CSS, XML, XHTML, JavaScript&quot;&gt; [/code] <p style="text-align: justify;"><strong>Define a description for the web page.</strong></p> [code language="html"] <meta name=&quot;description&quot; content=&quot;Beginner's Guide to HTML&quot;&gt; [/code] <p style="text-align: justify;"><strong>Define web page author.</strong></p> [code language="html"] <meta name=&quot;author&quot; content=&quot;Anakin Skywalker&quot;&gt; [/code] <p style="text-align: justify;"><strong>Define page reload time.</strong></p> <p>For every 30 seconds page will be refreshed.</p> [code language="html"] <meta http-equiv=&quot;refresh&quot; content=&quot;30&quot;&gt; [/code] <h2>Noscript</h2> <p>When your browser has disabled JavaScript and your code need to run JavaScript, we can use this tag to say something to the user about the issue.</p> [code language="html"] <head&gt; <noscript&gt;Your browser does not support JavaScript!</noscript&gt; </head&gt; [/code] <h2>Base</h2> <p>This specifies the base URL/target for all relative URLs in a page.</p> [code language="html"] <head&gt; <base href=&quot;http://www.letsdnd.com/&quot; target=&quot;_blank&quot;&gt; </head&gt; [/code] <p style="text-align: justify;">Now on you do not need to write the whole url address on any link in the HTML document. Because we defined the base of all the urls are http://www.letsdnd.com/. Also we defined by target attribute that all the links should be open on a new browser window or a new tab.</p> <div align="Center"> <hr /></div><p style="text-align: justify;">In this section we learned about head element. In the next section we'll do something colorful as we guess you're now a little bit bored on typing text.</p> <h3 style="color: #2a2a2a;">WHAT’S NEXT?</h3> <p>Let's <a title="Images on HTML" href="http://www.letsdnd.com/images-on-html">Add Images on HTML</a></p> <div class="wpInsert wpInsertInPostAd wpInsertBelow" style="margin: 5px auto 5px auto; padding: 0px;text-align:center;"><style>.below-in-post{width:300px;height:250px;margin:auto;} @media(min-width: 800px) { .below-in-post{width:550px;height:250px;margin:auto;} }</style> <style id='mymail-form-default'>.mymail-emebed-form body{background:0;padding:0;margin:0} .mymail-emebed-form .mymail-form-body{padding:5px !important;margin:auto !important} .mymail-form-wrap{max-width:100%;max-height:95%;min-width:100px;-webkit-overflow-scrolling:touch} .mymail-form{margin-bottom:20px;position:relative} .mymail-form:before{content:"";position:absolute;display:block;height:100%;width:100%;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:20px 20px;background-image:url('//i0.wp.com/letsdnd.com/wp-content/plugins/myMail/assets/css/../img/loading.gif');visibility:hidden;opacity:0;-webkit-transition:opacity .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-ms-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out} .mymail-form.loading:before{opacity:1;visibility:visible} @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.mymail-form:before{background-image:url('//i0.wp.com/letsdnd.com/wp-content/plugins/myMail/assets/css/../img/loading_2x.gif')}}.mymail-form:after,.mymail-form-fields:after{content:".";visibility:hidden;display:block;height:0;clear:both} .mymail-form,.mymail-form .input,.mymail-form .mymail-form-info{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mymail-emebed-form .mymail-form{margin-bottom:3px} .mymail-form .mymail-wrapper{position:relative;margin-bottom:2px;-webkit-transition:opacity .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-ms-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out} .mymail-form.loading .mymail-wrapper{opacity:.2} .mymail-form textarea.input{resize:vertical;height:150px} .mymail-form li{list-style:none !important;margin-left:0;padding-left:0} span.mymail-required{font-size:120%;font-weight:700;color:#bf4d4d} .mymail-lists-wrapper ul{list-style:none;margin-left:0;padding-left:0} .mymail-lists-wrapper ul li{margin-left:0} .mymail-list-description{color:inherit;display:block;margin-left:25px;font-size:.8em} .mymail-form-info{height:0;border-radius:2px;padding:5px;margin-bottom:4px;color:#fff;padding:9px 16px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .mymail-form.loading .mymail-form-info{opacity:0} .mymail-form-info a{color:#fff} .mymail-form-info.success,.mymail-form-info.error{display:block;height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .mymail-form .error input,.mymail-form .error select,.mymail-form .error textarea{outline:2px solid #bf4d4d;outline-offset:0} .mymail-form-info.error{background:#bf4d4d} .mymail-form-info.success{background-color:#6fbf4d;text-align:center} .mymail-form-info ul,.mymail-form .mymail-form-info p{margin:0;padding:0} .mymail-form-info ul li{color:inherit;margin-left:0} .mymail-submit-wrapper{margin-top:6px} .mymail-form .submit-button{cursor:pointer} .mymail-form .submit-button:focus{outline:0}</style> <style>.essb_morepopup_shadow{position:fixed;_position:absolute; height:100%;width:100%;top:0;left:0;background:rgba(33, 33, 33, 0.85);z-index:1100;display:none;} .essb_morepopup{background-color:#ffffff;z-index:1101;-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);-o-box-shadow:0 0 20px rgba(0, 0, 0, 0.3);box-shadow:0 0 20px rgba(0, 0, 0, 0.3);display:none;color:#111;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .essb_morepopup_content{padding:15px;margin:0;text-align:center;} .essb_morepopup_content .essb_links a{text-align:left;} .essb_morepopup_close{width:12px;height:12px;display:inline-block;position:absolute;top:10px;right:10px;-webkit-transition:all ease 0.50s;transition:all ease 0.75s;font-weight:bold;text-decoration:none;color:#111;line-height:160%;font-size:24px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDEuNzU2cHgiIGhlaWdodD0iNDEuNzU2cHgiIHZpZXdCb3g9IjAgMCA0MS43NTYgNDEuNzU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MS43NTYgNDEuNzU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTI3Ljk0OCwyMC44NzhMNDAuMjkxLDguNTM2YzEuOTUzLTEuOTUzLDEuOTUzLTUuMTE5LDAtNy4wNzFjLTEuOTUxLTEuOTUyLTUuMTE5LTEuOTUyLTcuMDcsMEwyMC44NzgsMTMuODA5TDguNTM1LDEuNDY1Yy0xLjk1MS0xLjk1Mi01LjExOS0xLjk1Mi03LjA3LDBjLTEuOTUzLDEuOTUzLTEuOTUzLDUuMTE5LDAsNy4wNzFsMTIuMzQyLDEyLjM0MkwxLjQ2NSwzMy4yMmMtMS45NTMsMS45NTMtMS45NTMsNS4xMTksMCw3LjA3MUMyLjQ0LDQxLjI2OCwzLjcyMSw0MS43NTUsNSw0MS43NTVjMS4yNzgsMCwyLjU2LTAuNDg3LDMuNTM1LTEuNDY0bDEyLjM0My0xMi4zNDJsMTIuMzQzLDEyLjM0M2MwLjk3NiwwLjk3NywyLjI1NiwxLjQ2NCwzLjUzNSwxLjQ2NHMyLjU2LTAuNDg3LDMuNTM1LTEuNDY0YzEuOTUzLTEuOTUzLDEuOTUzLTUuMTE5LDAtNy4wNzFMMjcuOTQ4LDIwLjg3OHoiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);background-size:12px;z-index:1001;}</style> <!--[if lt IE 9]><script src="//www.letsdnd.com/wp-content/cache/wpfc-minified/5c78f7e59f4837d84e4a6c17d7620469/1488056593index.js"></script><![endif]--> <script>window._wpemojiSettings={"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.letsdnd.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.7.2"}}; !function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),!(j.toDataURL().length<3e3)&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,65039,8205,55356,57096),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,55356,57096),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55357,56425,55356,57341,8205,55357,56507),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55357,56425,55356,57341,55357,56507),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);</script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/61a925c0282c596649e74a8061bc5ff9/1488056593index.js'></script> <script>var essb_settings={"ajax_url":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","essb3_nonce":"a5e78998ee","essb3_plugin_url":"http:\/\/www.letsdnd.com\/wp-content\/plugins\/easy-social-share-buttons3","essb3_facebook_total":true,"essb3_admin_ajax":true,"essb3_internal_counter":true,"essb3_stats":true,"essb3_ga":true,"essb3_ga_mode":"simple","essb3_counter_button_min":0,"essb3_counter_total_min":0,"blog_url":"http:\/\/www.letsdnd.com\/","ajax_type":"wp","essb3_postfloat_stay":false,"essb3_no_counter_mailprint":false,"essb3_single_ajax":false,"twitter_counter":"self","post_id":1787};</script> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-44971147-1', 'auto'); ga('send', 'pageview');</script> <script>var gaJsHost=(("https:"==document.location.protocol) ? "https://ssl.":"http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'%3E%3C/script%3E"));</script> <script>var pageTracker=_gat._getTracker("UA-44971147-1");pageTracker._trackPageview();</script> <script> jQuery(document).ready(function(){ jQuery.post("http://www.letsdnd.com/wp-admin/admin-ajax.php", { action:"entry_views", _ajax_nonce:"3f55b9d05f", post_id:1787 }); }); </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/714845497b105c0e13f93cc6121c6fd8/1488033635index.js'></script> <script> var _wpcf7={"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/dfe7c5e3e67ff0e6da9b994d792485ac/1488032631index.js'></script> <script> var vce_js_settings={"sticky_header":"1","sticky_header_offset":"500","sticky_header_logo":"","logo_retina":"http:\/\/www.letsdnd.com\/wp-content\/uploads\/2016\/07\/lets-design-n-develop.png","logo_mobile":"","rtl_mode":"0","ajax_url":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","ajax_mega_menu":"","mega_menu_slider":"","mega_menu_subcats":"","lay_fa_grid_center":"","full_slider_autoplay":"","grid_slider_autoplay":"","fa_big_opacity":{"1":"0.5","2":"0.7"}}; </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/78d950c71d298e10213598fe06d4b5ea/1488131242index.js'></script> <script> var newsletter={"messages":{"email_error":"The email is not correct","name_error":"The name is not correct","surname_error":"The last name is not correct","privacy_error":"You must accept the privacy statement"},"profile_max":"20"}; </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/3fe02e213b63dba1de1f44388c07ae17/1488131237index.js'></script> <script> var cptch_vars={"nonce":"e307ddf2f2","ajaxurl":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","enlarge":""}; </script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/ee52cebf5dc7514465d3d69636698baa/1488032647index.js'></script> <script>var essb_handle_stats=function(oService, oPostID, oInstance){ var element=jQuery('.essb_'+oInstance); var instance_postion=jQuery(element).attr("data-essb-position")||""; var instance_template=jQuery(element).attr("data-essb-template")||""; var instance_button=jQuery(element).attr("data-essb-button-style")||""; var instance_counters=jQuery(element).hasClass("essb_counters") ? true:false; var instance_nostats=jQuery(element).hasClass("essb_nostats") ? true:false; if(instance_nostats){ return; } var instance_mobile=false; if((/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i).test(navigator.userAgent)){ instance_mobile=true; } if(typeof(essb_settings)!="undefined"){ jQuery.post(essb_settings.ajax_url, { 'action': 'essb_stat_log', 'post_id': oPostID, 'service': oService, 'template': instance_template, 'mobile': instance_mobile, 'position': instance_postion, 'button': instance_button, 'counter': instance_counters, 'nonce': essb_settings.essb3_nonce }, function (data){ if(data){ }},'json'); }};var essb_clicked_lovethis=false; var essb_love_you_message_thanks="Thank you for loving this."; var essb_love_you_message_loved="You already love this today."; var essb_lovethis=function(oInstance){ if(essb_clicked_lovethis){ alert(essb_love_you_message_loved); return; } var element=jQuery('.essb_'+oInstance); if(!element.length){ return; } var instance_post_id=jQuery(element).attr("data-essb-postid")||""; var cookie_set=essb_get_lovecookie("essb_love_"+instance_post_id); if(cookie_set){ alert(essb_love_you_message_loved); return; } if(typeof(essb_settings)!="undefined"){ jQuery.post(essb_settings.ajax_url, { 'action': 'essb_love_action', 'post_id': instance_post_id, 'service': 'love', 'nonce': essb_settings.essb3_nonce }, function (data){ if(data){ alert(essb_love_you_message_thanks); }},'json'); } essb_tracking_only('', 'love', oInstance, true); }; var essb_get_lovecookie=function(name){ var value="; " + document.cookie; var parts=value.split("; " + name + "="); if(parts.length==2) return parts.pop().split(";").shift(); };var essb_window=function(oUrl, oService, oInstance){ var element=jQuery('.essb_'+oInstance); var instance_post_id=jQuery(element).attr("data-essb-postid")||""; var instance_position=jQuery(element).attr("data-essb-position")||""; var wnd; var w=800 ; var h=500; if(oService=="twitter"){ w=500; h=300; } var left=(screen.width/2)-(w/2); var top=(screen.height/2)-(h/2); if(oService=="twitter"){ wnd=window.open(oUrl, "essb_share_window", "height=300,width=500,resizable=1,scrollbars=yes,top="+top+",left="+left); }else{ wnd=window.open(oUrl, "essb_share_window", "height=500,width=800,resizable=1,scrollbars=yes,top="+top+",left="+left); } if(typeof(essb_settings)!="undefined"){ if(essb_settings.essb3_stats){ if(typeof(essb_handle_stats)!="undefined"){ essb_handle_stats(oService, instance_post_id, oInstance); }} if(essb_settings.essb3_ga){ essb_ga_tracking(oService, oUrl, instance_position); }} essb_self_postcount(oService, instance_post_id); var pollTimer=window.setInterval(function(){ if(wnd.closed!==false){ window.clearInterval(pollTimer); essb_smart_onclose_events(oService, instance_post_id); }}, 200); }; var essb_self_postcount=function(oService, oCountID){ if(typeof(essb_settings)!="undefined"){ oCountID=String(oCountID); jQuery.post(essb_settings.ajax_url, { 'action': 'essb_self_postcount', 'post_id': oCountID, 'service': oService, 'nonce': essb_settings.essb3_nonce }, function (data){ if(data){ }},'json'); }}; var essb_smart_onclose_events=function(oService, oPostID){ if(typeof (essbasc_popup_show)=='function'){ essbasc_popup_show(); } if(typeof essb_acs_code=='function'){ essb_acs_code(oService, oPostID); }}; var essb_tracking_only=function(oUrl, oService, oInstance, oAfterShare){ var element=jQuery('.essb_'+oInstance); if(oUrl==""){ oUrl=document.URL; } var instance_post_id=jQuery(element).attr("data-essb-postid")||""; var instance_position=jQuery(element).attr("data-essb-position")||""; if(typeof(essb_settings)!="undefined"){ if(essb_settings.essb3_stats){ if(typeof(essb_handle_stats)!="undefined"){ essb_handle_stats(oService, instance_post_id, oInstance); }} if(essb_settings.essb3_ga){ essb_ga_tracking(oService, oUrl, instance_position); }} essb_self_postcount(oService, instance_post_id); if(oAfterShare){ essb_smart_onclose_events(oService, instance_post_id); }}; var essb_pinterest_picker=function(oInstance){ essb_tracking_only('', 'pinterest', oInstance); var e=document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e); };var essb_ga_tracking=function(oService, oPosition, oURL){ var essb_ga_type=essb_settings.essb3_ga_mode; if('ga' in window&&window.ga!==undefined&&typeof window.ga==='function'){ if(essb_ga_type=="extended"){ ga('send', 'event', 'social', oService + ' ' + oPosition, oURL); }else{ ga('send', 'event', 'social', oService, oURL); }} };function essb_mailer(oTitle, oMessage, oSiteTitle, oUrl, oImage, oPermalink){ vex.defaultOptions.className='vex-theme-os'; vex.dialog.open({ message: 'Share this with a friend', input: '' + '<div class="vex-custom-field-wrapper"><strong>Your Email</strong></div>'+ '<input name="emailfrom" type="text" placeholder="Your Email" required />' + '<div class="vex-custom-field-wrapper"><strong>Recipient Email</strong></div>'+ '<input name="emailto" type="text" placeholder="Recipient Email" required />' + '<div class="vex-custom-field-wrapper" style="border-bottom: 1px solid #aaa !important; margin-top: 10px;"><h3></h3></div>'+ '<div class="vex-custom-field-wrapper" style="margin-top: 10px;"><strong>Subject</strong></div>'+ '<input name="emailsubject" type="text" placeholder="Subject" required value="'+oTitle+'" />' + '<div class="vex-custom-field-wrapper" style="margin-top: 10px;"><strong>Message</strong></div>'+ '<textarea name="emailmessage" placeholder="Message" required" rows="6" >'+oMessage+'</textarea>' + '', buttons: [ jQuery.extend({}, vex.dialog.buttons.YES, { text: 'Send' }), jQuery.extend({}, vex.dialog.buttons.NO, { text: 'Cancel' }) ], callback: function (data){ if(data.emailfrom&&typeof(data.emailfrom)!="undefined"){ var c=typeof(data.captchacode)!="undefined" ? data.captchacode:""; essb_sendmail_ajax1611615058(data.emailfrom, data.emailto, data.emailsubject, data.emailmessage, c, oSiteTitle, oUrl, oImage, oPermalink); }} });}; function essb_sendmail_ajax1611615058(emailfrom, emailto, emailsub, emailmessage, c, oSiteTitle, oUrl, oImage, oPermalink){ jQuery.post('http://www.letsdnd.com/wp-content/plugins/easy-social-share-buttons3/public/essb-mail.php', { 'from': emailfrom, 'to': emailto, 'sub': emailsub, 'message': emailmessage, 't': oSiteTitle, 'u': oUrl, 'img': oImage, 'p': oPermalink, 'c': c, 'salt': '962445767' }, function (data){ console.log(data); if(data){ alert(data.message); }},'json'); };function essb_mailform_1974040304(){ essb_tracking_only('', 'mail', '1974040304'); essb_mailer('Visit this site http://www.letsdnd.com', 'Hi, this may be interesting you: HTML Head! This is the link: http://www.letsdnd.com/html-head/', 'HTML Head', 'http://www.letsdnd.com', '', 'http://www.letsdnd.com/html-head/', 'top'); };var essb_morepopup_opened=false;function essb_toggle_more_popup(unique_id){ jQuery.fn.extend({ center: function (){ return this.each(function(){ var top=(jQuery(window).height() - jQuery(this).outerHeight()) / 2; var left=(jQuery(window).width() - jQuery(this).outerWidth()) / 2; jQuery(this).css({position:'fixed', margin:0, top: (top > 0 ? top:0)+'px', left: (left > 0 ? left:0)+'px'});});}});if(essb_morepopup_opened){ essb_toggle_less_popup(unique_id); return; } var is_from_mobilebutton=false; var height_of_mobile_bar=0; if(jQuery(".essb-mobile-sharebottom").length){ is_from_mobilebutton=true; height_of_mobile_bar=jQuery(".essb-mobile-sharebottom").outerHeight(); } var win_width=jQuery(window).width(); var win_height=jQuery(window).height(); var doc_height=jQuery('document').height(); var base_width=550; if(!is_from_mobilebutton){ base_width=660; } if(win_width < base_width){ base_width=win_width - 30; } var instance_mobile=false; var element_class=".essb_morepopup_"+unique_id; var element_class_shadow=".essb_morepopup_shadow_"+unique_id; jQuery(element_class).css({ width: base_width+'px'});jQuery(element_class).fadeIn(400); jQuery(element_class).center(); if(is_from_mobilebutton){ jQuery(element_class).css({ top: '5px'});jQuery(element_class).css({ height: (win_height - height_of_mobile_bar - 10)+'px'});var element_content_class=".essb_morepopup_content_"+unique_id; jQuery(element_content_class).css({ height: (win_height - height_of_mobile_bar - 40)+'px', "overflowY" :"auto"});jQuery(element_class_shadow).css({ height: (win_height - height_of_mobile_bar)+'px'});} jQuery(element_class_shadow).fadeIn(200); essb_morepopup_opened=true; }; function essb_toggle_less_popup(unique_id){ var element_class=".essb_morepopup_"+unique_id; var element_class_shadow=".essb_morepopup_shadow_"+unique_id; jQuery(element_class).fadeOut(200); jQuery(element_class_shadow).fadeOut(200); essb_morepopup_opened=false; };function essb_mailform_368474030(){ essb_tracking_only('', 'mail', '368474030'); essb_mailer('Visit this site http://www.letsdnd.com', 'Hi, this may be interesting you: HTML Head! This is the link: http://www.letsdnd.com/html-head/', 'HTML Head', 'http://www.letsdnd.com', '', 'http://www.letsdnd.com/html-head/', 'top'); };function essb_mailform_1246969699(){ essb_tracking_only('', 'mail', '1246969699'); essb_mailer('Visit this site http://www.letsdnd.com', 'Hi, this may be interesting you: HTML Head! This is the link: http://www.letsdnd.com/html-head/', 'HTML Head', 'http://www.letsdnd.com', '', 'http://www.letsdnd.com/html-head/', 'sharepoint'); };</script> <link rel='stylesheet' id='vce_font_0-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A400&subset=latin&ver=2.0.1' type='text/css' media='screen'/> <link rel='stylesheet' id='vce_font_1-css' href='http://fonts.googleapis.com/css?family=Merienda%3A400&subset=latin&ver=2.0.1' type='text/css' media='screen'/> <link rel='stylesheet' id='vce_font_2-css' href='http://fonts.googleapis.com/css?family=Roboto+Slab%3A400&subset=latin%2Clatin-ext&ver=2.0.1' type='text/css' media='screen'/> <script>setTimeout(function(){document.getElementById("wpfc-rb-loading").style.visibility="hidden";},1000);</script> <noscript><style>#wpfc-rb-loading{display:none !important;}</style></noscript> </body> </html><!-- WP Fastest Cache file was created in 1.33987903595 seconds, on 27-02-17 0:41:40 --><!-- need to refresh to see cached version -->