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 /> <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>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> <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><div class="entry-after"> <p class="entry-tags"><span class="entry-tags-inner"><a href="http://www.letsdnd.com/tag/html-2/" class="entry-tag entry-tag-38">html</a></span></p> <section class="author-info" itemscope="" itemtype="http://schema.org/Person"> <div class="author-info-inner"> <header class="author-title"> <h2 class="g1-delta g1-delta-1st">Written by <a href="http://www.letsdnd.com/author/admin/"><span>Sandeep Likhar</span></a></h2> </header> <figure class="author-avatar"> <a href="http://www.letsdnd.com/author/admin/"> <img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=70&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70'/> </a> </figure> <div itemprop="description" class="author-bio"> <p>Sandeep Likhar is from India, where he is a blogger, eBook designer, and founder of LetsDnD. He has 6 years of experience in the industry as a Digital Publishing Expert and eBook Converter, providing services to authors, publishers, and distributors worldwide. He is proficient in converting books into various formats, such as HTML, epub, mobi, word, PDF, including all major online platforms like iTunes, Kobo, Kindle, CreateSpace, B&N, Smashwords, and more.</p></div></div></section> <nav class="g1-nav-single"> <div class="g1-nav-single-inner"> <p class="g1-single-nav-label">See more</p> <ul class="g1-nav-single-links"> <li class="g1-nav-single-prev"><a href="http://www.letsdnd.com/html-hyperlinks/" rel="prev"><strong>Previous article</strong> <span class="g1-delta g1-delta-1st">HTML Hyperlinks</span></a></li> <li class="g1-nav-single-next"><a href="http://www.letsdnd.com/images-on-html/" rel="next"><strong>Next article</strong> <span class="g1-delta g1-delta-1st">Add Images on HTML</span></a></li> </ul></div></nav> <aside class="g1-box g1-box-centered g1-newsletter g1-newsletter-horizontal"> <i class="g1-box-icon"></i> <header> <h2 class="g1-delta g1-delta-2nd">Newsletter</h2> </header> <h3 class="g1-mega g1-mega-1st">Want more stuff like this?</h3> <p class="g1-delta g1-delta-3rd">Get the best content delivered straight into your inbox!</p> <form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-9881" method="post" data-id="9881" data-name="Subscriber" ><div class="mc4wp-form-fields"><p> <label>Full Name</label> <input type="text" name="FNAME" placeholder="Name" required=""> </p> <p> <label>Email address: </label> <input type="email" name="EMAIL" placeholder="Your email address" required /> </p> <p> <input type="submit" value="Subscribe" /> </p><div style="display: none;"><input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></div><input type="hidden" name="_mc4wp_timestamp" value="1498645790" /><input type="hidden" name="_mc4wp_form_id" value="9881" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /></div><div class="mc4wp-response"></div><p class="g1-newsletter-privacy">Don't worry, we don't spam</p></form></aside></div><aside class="g1-related-entries"> <h2 class="g1-beta g1-beta-2nd">You may also like</h2> <div class="g1-collection g1-collection-columns-2"> <div class="g1-collection-viewport"> <ul class="g1-collection-items"> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-7751 post type-post status-publish format-standard has-post-thumbnail category-app-development category-technology tag-html-2 tag-html5-2 tag-native-mobile-apps"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/html5-replacing-native-mobile-apps-completely/"><span class="g1-frame-inner" style="padding-bottom: 75.09157509%;"><img width="273" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2016/10/Is-HTML5-replacing-the-native-mobile-apps-completely-1.jpg" class="attachment-bunchy-grid-standard size-bunchy-grid-standard wp-post-image" alt="Is HTML5 replacing the native mobile apps completely?"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>189</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/html5-replacing-native-mobile-apps-completely/" rel="bookmark">Is HTML5 replacing the native mobile apps completely?</a></h3> </header> <footer> <p class="entry-meta"> <span class="entry-categories entry-categories-solid"><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="http://www.letsdnd.com/app-development/" class="entry-category entry-category-item-165">App Development</a>, <a href="http://www.letsdnd.com/technology/" class="entry-category entry-category-item-82">Technology</a></span></span> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-1226 post type-post status-publish format-standard category-web-development tag-html-2 tag-html5-2"> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>20</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/beginners-guide-to-html5/" rel="bookmark">Beginner’s Guide to HTML5</a></h3> </header> <footer> <p class="entry-meta"> <span class="entry-categories entry-categories-solid"><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="http://www.letsdnd.com/web-development/" class="entry-category entry-category-item-168">Web Development</a></span></span> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-1964 post type-post status-publish format-standard category-web-development tag-html-2"> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>20</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/languages-related-with-html/" rel="bookmark">Languages Related with HTML</a></h3> </header> <footer> <p class="entry-meta"> <span class="entry-categories entry-categories-solid"><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="http://www.letsdnd.com/web-development/" class="entry-category entry-category-item-168">Web Development</a></span></span> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-1946 post type-post status-publish format-standard category-web-development tag-html-2"> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>20</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/special-characters-in-html/" rel="bookmark">Special Characters in HTML</a></h3> </header> <footer> <p class="entry-meta"> <span class="entry-categories entry-categories-solid"><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="http://www.letsdnd.com/web-development/" class="entry-category entry-category-item-168">Web Development</a></span></span> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-1934 post type-post status-publish format-standard category-web-development tag-html-2"> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>25</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/using-colors-in-html/" rel="bookmark">Using colors in HTML</a></h3> </header> <footer> <p class="entry-meta"> <span class="entry-categories entry-categories-solid"><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="http://www.letsdnd.com/web-development/" class="entry-category entry-category-item-168">Web Development</a></span></span> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-1900 post type-post status-publish format-standard category-web-development tag-html-2"> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>15</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/layout-your-webpage/" rel="bookmark">Layout Your Webpage</a></h3> </header> <footer> <p class="entry-meta"> <span class="entry-categories entry-categories-solid"><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="http://www.letsdnd.com/web-development/" class="entry-category entry-category-item-168">Web Development</a></span></span> </p> </footer></div></article> </li> </ul></div></div></aside> <aside class="g1-more-from"> <h2 class="g1-beta g1-beta-2nd">More From: <a href="http://www.letsdnd.com/web-development/">Web Development</a></h2> <div class="g1-collection"> <div class="g1-collection-viewport"> <ul class="g1-collection-items"> <li class="g1-collection-item"> <article class="entry-tpl-list post-10807 post type-post status-publish format-standard has-post-thumbnail category-web-development wpp-post-trending"> <p class="entry-flags"> <span class="entry-flag entry-flag-trending" title="Trending"> Trending </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/7-best-tips-amplify-performance-wordpress-website/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/WordPress-364x205.jpg" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="WordPress" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/WordPress-364x205.jpg 364w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/WordPress-638x359.jpg 638w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <div class="entry-before-title"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>55</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/7-best-tips-amplify-performance-wordpress-website/" rel="bookmark">7 Best Tips to Amplify The Performance of a WordPress Website</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/admin/" title="Posts by Sandeep Likhar" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Sandeep Likhar</strong> </a> </span> <time class="entry-date" datetime="2017-06-27T14:51:34">June 27, 2017, 2:51 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-10678 post type-post status-publish format-standard has-post-thumbnail category-blogging category-how-to category-life-hacks category-marketing category-seo category-tools category-web-design category-web-development tag-business tag-business-tips tag-content-marketing tag-development tag-ecommerce tag-how-to tag-marketing tag-seo tag-tips tag-web-design wpp-post-trending wpp-post-hot"> <p class="entry-flags"> <span class="entry-flag entry-flag-trending" title="Trending"> Trending </span> <span class="entry-flag entry-flag-hot" title="Hot"> Hot </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/search-engine-optimization-guide-blogs-business-ecommerce-websites-2017/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/SEO-featured-364x205.jpeg" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/SEO-featured-364x205.jpeg 364w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/SEO-featured-638x359.jpeg 638w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <div class="entry-before-title"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>60</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/search-engine-optimization-guide-blogs-business-ecommerce-websites-2017/" rel="bookmark">Search Engine Optimization Guide for Blogs, Business and Ecommerce Websites in 2017</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/alisonreed/" title="Posts by AlisonReed" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/f9982cb38d058a92a859421aa9af6ba8?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/f9982cb38d058a92a859421aa9af6ba8?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>AlisonReed</strong> </a> </span> <time class="entry-date" datetime="2017-06-09T14:48:56">June 9, 2017, 2:48 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-10582 post type-post status-publish format-standard has-post-thumbnail category-entrepreneurship-startup category-web-design category-web-development tag-business-tips tag-business-website tag-website-improvement"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/8-simple-ways-improve-business-website/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/office-605503_960_720-364x205.jpg" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="8 Simple Ways to Improve Your Business Website" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/office-605503_960_720-364x205.jpg 364w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/06/office-605503_960_720-638x359.jpg 638w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <div class="entry-before-title"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>41</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/8-simple-ways-improve-business-website/" rel="bookmark">8 Simple Ways to Improve Your Business Website</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/dianasmith/" title="Posts by Diana Smith" rel="author"> <img alt='' src='http://2.gravatar.com/avatar/5be1edb0bd067f608a03cbec94092807?s=30&d=mm&r=g' srcset='http://2.gravatar.com/avatar/5be1edb0bd067f608a03cbec94092807?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Diana Smith</strong> </a> </span> <time class="entry-date" datetime="2017-06-01T14:36:30">June 1, 2017, 2:36 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-10424 post type-post status-publish format-standard has-post-thumbnail category-web-design category-web-development tag-business tag-wordpress-theme"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/wordpress-theme-for-your-business/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/wordpress-bg-medblue-364x205.png" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="4 Things to Consider When Choosing a WordPress Theme for Your Business" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/wordpress-bg-medblue-364x205.png 364w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/wordpress-bg-medblue-1120x630.png 1120w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/wordpress-bg-medblue-638x359.png 638w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <div class="entry-before-title"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>60</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/wordpress-theme-for-your-business/" rel="bookmark">4 Things to Consider When Choosing a WordPress Theme for Your Business</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/islawright/" title="Posts by IslaWright" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/3ac0c91c63a0dd25829e0181b4ff261a?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/3ac0c91c63a0dd25829e0181b4ff261a?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>IslaWright</strong> </a> </span> <time class="entry-date" datetime="2017-05-18T16:57:03">May 18, 2017, 4:57 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-10388 post type-post status-publish format-standard has-post-thumbnail category-web-development tag-wordpress-development-company tag-wordpress-theme-development"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/best-landing-page-wordpress-themes-business/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/wordpress-development-company-etatvasoft-364x205.png" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="Best Landing Page Wordpress Themes For Your Business" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/wordpress-development-company-etatvasoft-364x205.png 364w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/wordpress-development-company-etatvasoft-638x359.png 638w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <div class="entry-before-title"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>42</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/best-landing-page-wordpress-themes-business/" rel="bookmark">Best Landing Page WordPress Themes For Your Business</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/janereyes/" title="Posts by Jane Reyes" rel="author"> <img alt='' src='http://2.gravatar.com/avatar/83c9776b4f58fa0dc4e360533db2ce0d?s=30&d=mm&r=g' srcset='http://2.gravatar.com/avatar/83c9776b4f58fa0dc4e360533db2ce0d?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Jane Reyes</strong> </a> </span> <time class="entry-date" datetime="2017-05-15T14:55:56">May 15, 2017, 2:55 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-10304 post type-post status-publish format-standard has-post-thumbnail category-app-development category-how-to category-technology category-web-design category-web-development tag-mobile-apps-development-agency tag-top-mobile-app-development-company tag-top-web-design-agency tag-web-design-agency tag-web-development-agency"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/find-best-website-design-agency-california/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/How-To-Choose-The-Best-Web-Design-Agency-in-California-364x205.png" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/How-To-Choose-The-Best-Web-Design-Agency-in-California-364x205.png 364w, //i0.wp.com/letsdnd.com/wp-content/uploads/2017/05/How-To-Choose-The-Best-Web-Design-Agency-in-California-638x359.png 638w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <div class="entry-before-title"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>50</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/find-best-website-design-agency-california/" rel="bookmark">How to Find the Best Website Design Agency in California?</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/sarbjitgrewal/" title="Posts by SarbjitGrewal" rel="author"> <img alt='' src='http://1.gravatar.com/avatar/75253f6682b9e61b3dd3dfe155c80aef?s=30&d=mm&r=g' srcset='http://1.gravatar.com/avatar/75253f6682b9e61b3dd3dfe155c80aef?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>SarbjitGrewal</strong> </a> </span> <time class="entry-date" datetime="2017-05-06T16:18:14">May 6, 2017, 4:18 pm</time> </p> </footer></div></article> </li> </ul></div></div></aside> <section id="comments" class="comments-area" itemscope itemtype="http://schema.org/UserComments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title g1-beta g1-beta-2nd">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html-head/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="http://www.letsdnd.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate> <div class="g1-fake-avatar"></div><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" placeholder="Comment*" name="comment" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" placeholder="Name*" name="author" type="text" value="" size="30" maxlength="245" aria-required='true' required='required' /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" placeholder="Email*" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required='true' required='required' /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" placeholder="Website" name="url" type="url" value="" size="30" maxlength="200" /></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="ee1a4a81ae" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="78"/></p> </form></div></section> <aside class="g1-dont-miss"> <h2 class="g1-beta g1-beta-2nd">Don't Miss</h2> <div class="g1-collection g1-collection-columns-2"> <div class="g1-collection-viewport"> <ul class="g1-collection-items"> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-3504 post type-post status-publish format-standard has-post-thumbnail category-freebies category-web-development tag-html-forms wpp-post-trending wpp-post-popular wpp-post-hot"> <p class="entry-flags"> <span class="entry-flag entry-flag-trending" title="Trending"> Trending </span> <span class="entry-flag entry-flag-hot" title="Hot"> Hot </span> <span class="entry-flag entry-flag-popular" title="Popular"> Popular </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/download-free-signup-and-registration-forms/"><span class="g1-frame-inner" style="padding-bottom: 63.86292835%;"><img width="321" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Sign-Up-Form.jpg" class="attachment-bunchy-grid-standard size-bunchy-grid-standard 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: 321px) 100vw, 321px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>94</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/download-free-signup-and-registration-forms/" rel="bookmark">15 Free Signup and Registration forms</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/admin/" title="Posts by Sandeep Likhar" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Sandeep Likhar</strong> </a> </span> <time class="entry-date" datetime="2014-12-23T10:35:55">December 23, 2014, 10:35 am</time> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-3559 post type-post status-publish format-standard has-post-thumbnail category-freebies category-web-design tag-html-css-forms tag-login-forms wpp-post-trending wpp-post-popular wpp-post-hot"> <p class="entry-flags"> <span class="entry-flag entry-flag-trending" title="Trending"> Trending </span> <span class="entry-flag entry-flag-hot" title="Hot"> Hot </span> <span class="entry-flag entry-flag-popular" title="Popular"> Popular </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/free-html-css-login-forms/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/01/free-html-css-login-forms.jpg" class="attachment-bunchy-grid-standard size-bunchy-grid-standard wp-post-image" alt="Free HTML CSS Login Forms" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/01/free-html-css-login-forms.jpg 700w, //i0.wp.com/letsdnd.com/wp-content/uploads/2015/01/free-html-css-login-forms-300x169.jpg 300w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>64</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/free-html-css-login-forms/" rel="bookmark">35+ Free HTML CSS Login Forms</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/admin/" title="Posts by Sandeep Likhar" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Sandeep Likhar</strong> </a> </span> <time class="entry-date" datetime="2015-01-22T19:30:02">January 22, 2015, 7:30 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-3224 post type-post status-publish format-standard has-post-thumbnail category-freebies category-web-development tag-css3-2 tag-html5-2 tag-responsive-design wpp-post-trending wpp-post-popular wpp-post-hot"> <p class="entry-flags"> <span class="entry-flag entry-flag-trending" title="Trending"> Trending </span> <span class="entry-flag entry-flag-hot" title="Hot"> Hot </span> <span class="entry-flag entry-flag-popular" title="Popular"> Popular </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/download-free-responsive-menus-tutorials/"><span class="g1-frame-inner" style="padding-bottom: 54.39560440%;"><img width="364" height="198" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/11/ResponsiveRetinaFriendlyMenu.jpg" class="attachment-bunchy-grid-standard size-bunchy-grid-standard 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: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>66</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/download-free-responsive-menus-tutorials/" rel="bookmark">Download Free Responsive Menus Tutorials</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/admin/" title="Posts by Sandeep Likhar" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Sandeep Likhar</strong> </a> </span> <time class="entry-date" datetime="2014-11-29T07:32:07">November 29, 2014, 7:32 am</time> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-5004 post type-post status-publish format-standard has-post-thumbnail category-technology tag-ios tag-ios-apps wpp-post-popular wpp-post-hot"> <p class="entry-flags"> <span class="entry-flag entry-flag-hot" title="Hot"> Hot </span> <span class="entry-flag entry-flag-popular" title="Popular"> Popular </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/comprehending-the-reason-that-causes-ios-apps-to-say-cleaning/"><span class="g1-frame-inner" style="padding-bottom: 55.49450549%;"><img width="364" height="202" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/06/iphone-app-says-cleaning.jpg" class="attachment-bunchy-grid-standard size-bunchy-grid-standard wp-post-image" alt="iphone-app-says-cleaning" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/06/iphone-app-says-cleaning.jpg 620w, //i0.wp.com/letsdnd.com/wp-content/uploads/2015/06/iphone-app-says-cleaning-300x166.jpg 300w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>78</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/comprehending-the-reason-that-causes-ios-apps-to-say-cleaning/" rel="bookmark">Comprehending The Reason That Causes iOS Apps To Say “Cleaning”</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/letsdnd/" title="Posts by Guest Blogger" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/64ad2877899af03c7194836254b79aa4?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/64ad2877899af03c7194836254b79aa4?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Guest Blogger</strong> </a> </span> <time class="entry-date" datetime="2015-06-04T14:28:40">June 4, 2015, 2:28 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-3433 post type-post status-publish format-standard has-post-thumbnail category-freebies category-web-design tag-responsive-2 tag-templates wpp-post-popular wpp-post-hot"> <p class="entry-flags"> <span class="entry-flag entry-flag-hot" title="Hot"> Hot </span> <span class="entry-flag entry-flag-popular" title="Popular"> Popular </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/download-free-responsive-website-templates/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Download-Free-Responsive-Website-Templates.jpg" class="attachment-bunchy-grid-standard size-bunchy-grid-standard wp-post-image" alt="Download Free Responsive Website Templates" srcset="//i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Download-Free-Responsive-Website-Templates.jpg 700w, //i0.wp.com/letsdnd.com/wp-content/uploads/2014/12/Download-Free-Responsive-Website-Templates-300x169.jpg 300w" sizes="(max-width: 364px) 100vw, 364px"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>86</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/download-free-responsive-website-templates/" rel="bookmark">25+ Download Free Responsive Website Templates</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/admin/" title="Posts by Sandeep Likhar" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Sandeep Likhar</strong> </a> </span> <time class="entry-date" datetime="2014-12-15T18:00:13">December 15, 2014, 6:00 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-5377 post type-post status-publish format-standard has-post-thumbnail category-freebies tag-bootstrap wpp-post-trending wpp-post-popular wpp-post-hot"> <p class="entry-flags"> <span class="entry-flag entry-flag-trending" title="Trending"> Trending </span> <span class="entry-flag entry-flag-hot" title="Hot"> Hot </span> <span class="entry-flag entry-flag-popular" title="Popular"> Popular </span> </p> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/20-best-free-bootstrap-website-templates-2015/"><span class="g1-frame-inner" style="padding-bottom: 53.84615385%;"><img width="364" height="196" src="//i0.wp.com/letsdnd.com/wp-content/uploads/2015/07/Best-Free-Bootstrap-Website-Templates-2015.jpg" class="attachment-bunchy-grid-standard size-bunchy-grid-standard wp-post-image" alt="Best Free Bootstrap Website Templates"/><span class="g1-frame-icon"></span></span></a></figure> <div class="entry-body"> <header class="entry-header"> <p class="entry-meta entry-meta-stats"><span class="entry-shares"><strong>51</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/20-best-free-bootstrap-website-templates-2015/" rel="bookmark">20+ Best Free Bootstrap Website Templates 2015</a></h3> </header> <footer> <p class="entry-meta entry-meta-with-avatar"> <span class="entry-author"> <span class="entry-meta-label">by</span> <a href="http://www.letsdnd.com/author/admin/" title="Posts by Sandeep Likhar" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Sandeep Likhar</strong> </a> </span> <time class="entry-date" datetime="2015-07-28T11:00:31">July 28, 2015, 11:00 am</time> </p> </footer></div></article> </li> </ul></div></div></aside> <meta itemprop="mainEntityOfPage" content="http://www.letsdnd.com/html-head/"/> <meta itemprop="dateModified" content="2015-04-20T14:35:45"/> <span itemprop="publisher" itemscope itemtype="http://schema.org/Organization"> <meta itemprop="name" content="Lets Design n Develop"/> <span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="url" content="http://www.letsdnd.com/wp-content/uploads/2016/07/lets-design-n-develop.png"/> </span> </span> </article></div></div><div id="secondary" class="g1-column g1-column-1of3"> <aside id="text-14" class="widget widget_text g1-widget-class"> <div class="textwidget"><h3 style="text-align:center;"><a target="_blank" href="http://www.runappsonpc.com/">Run Apps on PC</a></h3> <div style="text-align:center;"> <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></aside><aside id="categories-6" class="widget widget_categories g1-widget-class"><header><h2 class="g1-delta g1-delta-2nd widgettitle">Categories</h2></header> <ul> <li class="cat-item cat-item-164"><a href="http://www.letsdnd.com/app-development/">App Development</a> </li> <li class="cat-item cat-item-170"><a href="http://www.letsdnd.com/blogging/">Blogging</a> </li> <li class="cat-item cat-item-172"><a href="http://www.letsdnd.com/entrepreneurship-startup/">Entrepreneurship & Startup</a> </li> <li class="cat-item cat-item-28"><a href="http://www.letsdnd.com/freebies/">Freebies</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.">How To</a> </li> <li class="cat-item cat-item-173"><a href="http://www.letsdnd.com/life-hacks/">Life Hacks</a> </li> <li class="cat-item cat-item-174"><a href="http://www.letsdnd.com/make-money-online/">Make Money online</a> </li> <li class="cat-item cat-item-1"><a href="http://www.letsdnd.com/marketing/">Marketing</a> </li> <li class="cat-item cat-item-437"><a href="http://www.letsdnd.com/seo/">SEO</a> </li> <li class="cat-item cat-item-177"><a href="http://www.letsdnd.com/social-media-marketing/">Social Media & Marketing</a> </li> <li class="cat-item cat-item-75"><a href="http://www.letsdnd.com/technology/">Technology</a> </li> <li class="cat-item cat-item-408"><a href="http://www.letsdnd.com/tools/">Tools</a> </li> <li class="cat-item cat-item-23"><a href="http://www.letsdnd.com/web-design/">Web Design</a> </li> <li class="cat-item cat-item-167"><a href="http://www.letsdnd.com/web-development/">Web Development</a> </li> </ul> </aside><div class="g1-sticky-sidebar" data-g1-offset="5"><aside id="text-18" class="widget widget_text g1-widget-class"> <div class="textwidget"><div style="text-align:center;"> <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></div></div></aside><aside id="mc4wp_form_widget-2" class="widget widget_mc4wp_form_widget g1-widget-class"><header><h2 class="g1-delta g1-delta-2nd widgettitle">Newsletter</h2></header><form id="mc4wp-form-2" class="mc4wp-form mc4wp-form-9881" method="post" data-id="9881" data-name="Subscriber" ><p class="g1-alpha g1-alpha-1st">Get the best content delivered straight into your inbox!</p><div class="mc4wp-form-fields"><p> <label>Full Name</label> <input type="text" name="FNAME" placeholder="Name" required=""> </p> <p> <label>Email address: </label> <input type="email" name="EMAIL" placeholder="Your email address" required /> </p> <p> <input type="submit" value="Subscribe" /> </p><div style="display: none;"><input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></div><input type="hidden" name="_mc4wp_timestamp" value="1498645790" /><input type="hidden" name="_mc4wp_form_id" value="9881" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-2" /></div><div class="mc4wp-response"></div><p class="g1-newsletter-privacy">Don't worry, we don't spam</p></form></aside></div></div></div><div class="g1-row-background"></div></div><div class="g1-row g1-row-layout-page g1-prefooter"> <div class="g1-row-inner"> <div class="g1-column g1-column-1of3"> <aside id="mks_author_widget-5" class="widget mks_author_widget g1-widget-class"><header><h2 class="g1-delta g1-delta-2nd widgettitle">The Man Behind LetsDnD</h2></header> <a href="http://www.letsdnd.com/author/admin/"><img alt='' src='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=64&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6fa6bff64764874dca8494ac9efc7b4a?s=128&d=mm&r=g 2x' class='avatar avatar-64 photo' height='64' width='64'/></a> <p>Sandeep Likhar is from India, where he is a blogger, eBook designer, and founder of LetsDnD. He has 6 years of experience in the industry as a Digital Publishing Expert and eBook Converter, providing services to authors, publishers, and distributors worldwide. He is proficient in converting books into various formats, such as HTML, epub, mobi, word, PDF, including all major online platforms like iTunes, Kobo, Kindle, CreateSpace, B&N, Smashwords, and more.</p> </aside></div><div class="g1-column g1-column-1of3"> <aside id="nav_menu-3" class="widget widget_nav_menu g1-widget-class"><header><h2 class="g1-delta g1-delta-2nd widgettitle">Quick Links</h2></header><div class="menu-header-container"><ul id="menu-header" class="menu"><li id="menu-item-4541" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-4541"><a href="http://www.letsdnd.com">Home</a></li> <li id="menu-item-4539" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4539"><a href="http://www.letsdnd.com/about-us/">About Us</a></li> <li id="menu-item-4540" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4540"><a href="http://www.letsdnd.com/contact-us/">Contact Us</a></li> <li id="menu-item-6473" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6473"><a href="http://www.letsdnd.com/advertise-on-letsdnd/">Advertise</a></li> <li id="menu-item-4538" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4538"><a href="http://www.letsdnd.com/write-guest-post/">Submit Guest Post and Become a Contributor</a></li> <li id="menu-item-7462" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7462"><a href="http://www.letsdnd.com/wp-login.php">Login</a></li> <li id="menu-item-9570" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9570"><a href="http://www.letsdnd.com/wp-login.php?action=register">Register</a></li> </ul></div></aside></div><div class="g1-column g1-column-1of3"> <aside id="bunchy_widget_facebook_page-2" class="widget widget_bunchy_widget_facebook_page g1-widget-class"><header><h2 class="g1-delta g1-delta-2nd widgettitle">Find us on Facebook</h2></header> <div id="g1-widget-facebook-page-1" class="g1-widget-facebook-page"> <div class="fb-page bunchy-fb-page-loading" data-href="https://www.facebook.com/letsdnd" data-adapt-container-width="true" data-small-header="false" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div></div></aside></div></div><div class="g1-row-background"></div></div><div class="g1-row g1-row-layout-page g1-footer"> <div class="g1-row-inner"> <div class="g1-column"> <p class="g1-footer-text">© 2017 by Lets Design n Develop</p> <nav id="g1-footer-nav" class="g1-footer-nav"><ul id="g1-footer-nav-menu"><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></nav></div></div><div class="g1-row-background"></div></div><a href="#page" class="g1-back-to-top">Back to Top</a></div><div class="g1-canvas-overlay"></div></div><div id="g1-breakpoint-desktop"></div><div class="g1-canvas g1-canvas-global"> <a class="g1-canvas-toggle" href="#"></a> <div class="g1-canvas-content"></div></div><link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/04e0717e6414c1a8097b8a58a60ba439/1498555529index.css" media="all"/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/df3ca02b79f281ab8e9fa09f4a2b0723/1498555529index.css" media="screen"/> <link rel='stylesheet' id='bunchy-google-fonts-css' href='//fonts.googleapis.com/css?family=Roboto%3A400%2C300%2C500%2C600%2C700%7CRoboto+Condensed%3A400%2C300%2C500%2C600%2C700&subset=latin%2Clatin-ext&ver=1.3' type='text/css' media='all'/> <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>var wpcf7={"apiSettings":{"root":"http:\/\/www.letsdnd.com\/wp-json\/","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}};</script> <script>var mashsb={"shares":"10","round_shares":"1","animate_shares":"0","dynamic_buttons":"0","share_url":"http:\/\/www.letsdnd.com\/html-head\/","title":"HTML+Head","image":null,"desc":"HTML Head\u00a0is the section 7\u00a0of\u00a0Beginner\u2019s Guide to HTML.\r\nWe 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.\u00a0The \u00a0element is a \u2026","hashtag":"@LetsDnD","subscribe":"content","subscribe_url":"","activestatus":"1","singular":"1","twitter_popup":"1","refresh":"0"};</script> <script>var mashnet={"body":"","subject":"","pinterest_select":"1"};</script> <script>var bunchy_front_config="{\"ajax_url\":\"http:\\\/\\\/www.letsdnd.com\\\/wp-admin\\\/admin-ajax.php\",\"timeago\":\"on\",\"sharebar\":\"off\",\"i10n\":{\"subscribe_mail_subject_tpl\":\"Check out this great article: %subject%\",\"more\":\"More\"}}";</script> <script>var mc4wp_forms_config=[];</script> <script>var cptch_vars={"nonce":"cccb17ab4c","ajaxurl":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","enlarge":""};</script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/6475346cd75c3b5aa30f027ecee65641/1498555531index.js' type="text/javascript"></script> <script>var sampling_active=0; var sampling_rate=100; var do_request=false; if(!sampling_active){ do_request=true; }else{ var num=Math.floor(Math.random() * sampling_rate) + 1; do_request=(1===num); } if(do_request){ var xhr=(window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"), url='http://www.letsdnd.com/wp-admin/admin-ajax.php', params='action=update_views_ajax&token=4226149a7a&wpp_id=1787'; xhr.open("POST", url, true); xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhr.onreadystatechange=function(){ if(4===xhr.readyState&&200===xhr.status){ if(window.console&&window.console.log){ window.console.log(xhr.responseText); }} }; xhr.send(params); }</script> <script>(function(){ if(!window.mc4wp){ window.mc4wp={ listeners: [], forms:{ on: function (event, callback){ window.mc4wp.listeners.push({ event:event, callback: callback }); }} }} })();</script> <script>(function(){ if(!window.mc4wp){ window.mc4wp={ listeners: [], forms:{ on: function (event, callback){ window.mc4wp.listeners.push({ event:event, callback: callback }); }} }} })();</script> <script>(function(delay){ setTimeout(function (){ (function (d, s, id){ var js, fjs=d.getElementsByTagName(s)[0]; if(d.getElementById(id)) return; js=d.createElement(s); js.onload=function(){ FB.Event.subscribe('xfbml.render', function (){ jQuery('.bunchy-fb-page-loading').removeClass('bunchy-fb-page-loading'); jQuery('body').trigger('g1PageHeightChanged'); }); }; js.id=id; js.src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); }, delay); })(0);</script> <script>(function(){function addEventListener(element,event,handler){ if(element.addEventListener){ element.addEventListener(event,handler, false); }else if(element.attachEvent){ element.attachEvent('on'+event,handler); }}function maybePrefixUrlField(){ if(this.value.trim()!==''&&this.value.indexOf('http')!==0){ this.value="http://" + this.value; }} var urlFields=document.querySelectorAll('.mc4wp-form input[type="url"]'); if(urlFields&&urlFields.length > 0){ for(var j=0; j < urlFields.length; j++){ addEventListener(urlFields[j],'blur',maybePrefixUrlField); }} var testInput=document.createElement('input'); testInput.setAttribute('type', 'date'); if(testInput.type!=='date'){ var dateFields=document.querySelectorAll('.mc4wp-form input[type="date"]'); for(var i=0; i<dateFields.length; i++){ if(!dateFields[i].placeholder){ dateFields[i].placeholder='YYYY-MM-DD'; } if(!dateFields[i].pattern){ dateFields[i].pattern='[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])'; }} }})();</script> <script>jQuery(document).ready(function(){ jQuery.post("http://www.letsdnd.com/wp-admin/admin-ajax.php", { action:"entry_views", _ajax_nonce:"72aece3248", post_id:1787 }); });</script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/aeb05900e04991f1cab8c87cf937c3e5/1498555531index.js' type="text/javascript"></script> <!--[if lte IE 9]><script type='text/javascript' src='http://www.letsdnd.com/wp-content/plugins/mailchimp-for-wp/assets/js/third-party/placeholders.min.js?ver=4.1.4'></script><![endif]--> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/a1315a8f6c8a35b4a43e76a9b3ba1593/1498555531index.js' type="text/javascript"></script> <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.5"}}; !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> </body> </html><!-- WP Fastest Cache file was created in 1.28604912758 seconds, on 28-06-17 15:59:51 --><!-- need to refresh to see cached version -->