Languages Related with HTML

Languages Related with HTML is the section 17, as well as the final section of Beginner’s Guide to HTML

So here we’re at the end of the tutorial. In this section we’re going to discuss about other areas you can go after finishing this tutorial. We’re are suggesting three areas for you to look into. They are CSS, Javascript and XHTML. We’re not going to cover the whole lot in here, because there will be separate tutorials for each of them. What we are now doing is, just giving you a brief lookup. Let’s go one by one.

XHTML

XHTML is HTML written as XML or else we can say HTML defined as an XML application. It stand for EXtensible HyperText Markup Language. It also supported by all major browsers. Stricter and cleaner version of HTML and almost identical to HTML 4.01.

Why XHTML emerged?

Many web pages on the internet contain “bad” HTML. Bad in the sense, no proper standard in the code that written. It may display correctly, but the code is really not good. No closing tages, jumbled with upper and lower cases kind of stuff. 

To avoid that XML (EXtensible Markup Language) comes to help. XML is a markup language where documents must be marked up properly and must be “well-formed”. You know what the well-formed means, aren’t you? Surely it does like the well formed dress code. Today’s computer industry consists of different browser technologies. Some browsers run on computers, and some are run on mobile phones or other small devices. Smart Phones, Laptops, Tabs and Pads. Smaller devices often lack the resources or power to interpret a “bad” code. Therefore,  XHTML was developed by combining the strengths of both HTML and XML. We can say XHTML is HTML redesigned as XML.

HTML Vs XHTML

In XHTML there are several restriction. You cannot deal with it as the same like HTML. XHTML is a tough guy. Let’s look at one by one what are the restrictions in XHTML.

Document Structure

  • XHTML DOCTYPE is mandatory
    • If you can remember I said, in HTML it is really not necessary to include in the Writing Your HTML Code section. Go back to that section and see how the doctype need to be written on a XHTML document. You can open a HTML file in a browser without the doctype tag, but cannot open a XHTML file without it.
  • The xmlns attribute in is mandatory
    • What the heck is this xmls attribute? To learn about that you have to look into our xml tutorial. For your information, I just say it means the xml name space for the document.
  • , , , and <body> are mandatory <ul> <li style="text-align: justify;">Browsers need the <html> element in the document to process the content as HTML. So does XHTML.</li> </ul> </li> </ul> <p style="color: #000000;"><strong>XHTML Elements</strong></p> <ul style="color: #404040;"> <li>Must be properly<b> </b>nested <ul> <li>In the <a title="Writing Your HTML Code" href="http://www.letsdnd.com/writing-your-html-code/">Writing Your HTML Code</a>, we disscussed about nested elements. See the following example. [code language=”html”] <br /> <b><br /> <i><br /> This text is bold and italic. Opps!!<br /> </b></i><br /> <br /> <b><br /> <i><br /> This text is bold and italic<br /> </i><br /> </b></p> [/code] </li> </ul> </li> <li>Must always be closed <ul> <li>Not only the pair elements but also the empty element. But for the HTML it doesn’t matter as we said in the <a title="Writing Your HTML Code" href="http://www.letsdnd.com/writing-your-html-code/">Writing Your HTML Code</a> section. [code language=”html”] </p> <p>My paragraph</p> <p>Oops!! Your paragraph<br /> </p> <p></p> <p>My paragraph</p> <p>Your paragraph</p> <p> [/code] </li> </ul> </li> <li>Must be in lowercase</li> <li>Must have one<b> </b>root<b> </b>element</li> </ul> <p style="color: #000000;"><strong>XHTML Attributes</strong></p> <ul style="color: #404040;"> <li style="text-align: justify;">Attribute names must be in lower case</li> <li style="text-align: justify;">Attribute values must be quoted</li> <li style="text-align: justify;">Attribute minimization is forbidden <ul> <li>When creating the drop down list using the <select> element at the HTML Form section can you remember we use the selected attribute to show up a list item  as <strong><option selected="selected">1990</option></strong>. Attribute minimization means you can write this in HTML as the  <strong><option selected>1990</option></strong>.  So in XHTML you cannot use minimization.</li> </ul> </li> </ul> <p style="text-align: justify;">If you want to check your HTML file is XHTML compatible, follow this URL. <a title="Online Validator" href="http://validator.w3.org/" target="_blank">http://validator.w3.org</a> You can validate your HTML document online. Keep in mind, the above points are mandatory and must in XHTML.</p> <p> </p> <h1>JavaScript</h1> <p style="text-align: justify;"><span style="color: #404040;">JavaScripts is a clinet side scripting language which makes HTML pages more dynamic and interactive. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content. In the <a title="HTML Head" href="http://www.letsdnd.com/html-head/" target="_blank">HTML Head</a> section we get into the <br /> [/code] <p><strong>JavaScript can change HTML styles</strong></p> <p style="text-align: justify;">This script below added/change the attribute style in the paragraph element 'demo'. The added inline style is the font size of the paragraph with the size of 25 pixels.</p> [code language="html"] <p id="demo">This is a Paragraph</p> <p><br /> [/code] <p><strong>JavaScript can change HTML attributes</strong></p> <p>The following script changes the image me.gif into picture.gif.</p> [code language="html"] <img id="image" src="me.gif"/></p> <p><br /> [/code] <p> </p> <h1></h1> <h1>CSS - <span style="color: #404040;">Cascading Style Sheets</span></h1> <p style="text-align: justify;">CSS or HTML styles <span style="color: #404040;">used to style HTML elements. CSS was introduced together with HTML 4, to provide a better way to style HTML elements.  CSS can be added to HTML in the following ways:</span></p> <ul style="color: #404040; text-align: justify;"> <li>Inline - using the style<strong> attribute</strong> in HTML elements</li> <li>Internal - using the<br /> <style><strong> element</strong> in the <head> section</li> <li>External - using an external CSS<strong> file</strong></li> </ul> <p style="text-align: justify;"><span style="color: #404040;">The preferred way to add CSS to HTML, is to put CSS syntax in separate CSS files.</span></p> <p style="text-align: justify;"><strong>Inline Styles</strong></p> <p style="text-align: justify;">An inline style can be used if a unique style is to be applied to one single occurrence of an element.  To use inline styles, use the style attribute in the tag. The style attribute can contain any CSS property. Look at the following examples. There are several attributes and elements become obsolete due to the emergence of styles that can do the same thing. For example attributes like bgcolor, color and <font>, <center>, <strike> tags now become obsoleted. <span style="color: #404040;">These tags are not supported in newer versions of HTML. So try to avoid them.</span></p> [code language="html"] <p style="margin-left:20px;">This is my margined paragraph.</p> <p style="background-color:aqua;">This is my aqua paragraph.</p> <p style="font-family:arial;color:red;font-size:20px;">This is my font changed paragraph.</p> <p style="text-align:center;">This is my aligned paragraph.</p> [/code] <table> <tbody> <tr> <td> <p style="margin-left: 20px;">This is my margined paragraph.</p> </td> </tr> <tr> <td> <p style="background-color: aqua;">This is my aquaparagraph.</p> </td> </tr> <tr> <td> <p style="font-family: arial; color: red; font-size: 20px;">This is my font changed paragraph.</p> </td> </tr> <tr> <td> <p style="text-align: center;">This is my aligned paragraph.</p> </td> </tr> </tbody> </table> <p><strong>Internal Style Sheet</strong></p> <p style="text-align: justify;"><span style="color: #404040;">An internal style sheet can be used if one single document has a unique style. Internal styles are defined in the <head> section of an HTML page, by using the </p> <style> tag. We did it in the <a title="HTML Head" href="http://www.letsdnd.com/html-head/" target="_blank">HTML Head</a> section, remember?</span></p> <p><strong>External Style Sheet</strong></p> <p style="color: #000000; text-align: justify;"><span style="color: #404040;">An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the <head> section. We did it in the <a title="HTML Head" href="http://www.letsdnd.com/html-head/" target="_blank">HTML Head</a> section, remember?</span></p> <div style="text-align: justify;" align="center"> <hr /></div><p style="text-align: justify;">So here we are at the end of the tutorial. Did you choose which way to go? In this section we introduced three paths that you can go. Let's meet again with those tutorials so you can learn much about them.</p> <p> </p> <h3 style="color: #2a2a2a; text-align: justify;">HOPE YOU ENJOYED THIS TUTORIAL. PLEASE DON’T FORGET TO SUBSCRIBE FOR NEW UPDATES.</h3> <div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-facebook"><a rel="nofollow" data-shared="sharing-facebook-1964" class="share-facebook sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=facebook" target="_blank" title="Click to share on Facebook"><span>Facebook</span></a></li><li class="share-twitter"><a rel="nofollow" data-shared="sharing-twitter-1964" class="share-twitter sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=twitter" target="_blank" title="Click to share on Twitter"><span>Twitter</span></a></li><li class="share-google-plus-1"><a rel="nofollow" data-shared="sharing-google-1964" class="share-google-plus-1 sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=google-plus-1" target="_blank" title="Click to share on Google+"><span>Google</span></a></li><li class="share-pinterest"><a rel="nofollow" data-shared="sharing-pinterest-1964" class="share-pinterest sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=pinterest" target="_blank" title="Click to share on Pinterest"><span>Pinterest</span></a></li><li class="share-tumblr"><a rel="nofollow" data-shared="" class="share-tumblr sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=tumblr" target="_blank" title="Click to share on Tumblr"><span>Tumblr</span></a></li><li class="share-reddit"><a rel="nofollow" data-shared="" class="share-reddit sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=reddit" target="_blank" title="Click to share on Reddit"><span>Reddit</span></a></li><li><a href="#" class="sharing-anchor sd-button share-more"><span>More</span></a></li><li class="share-end"></li></ul><div class="sharing-hidden"><div class="inner" style="display: none;"><ul><li class="share-pocket"><a rel="nofollow" data-shared="" class="share-pocket sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=pocket" target="_blank" title="Click to share on Pocket"><span>Pocket</span></a></li><li class="share-linkedin"><a rel="nofollow" data-shared="sharing-linkedin-1964" class="share-linkedin sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=linkedin" target="_blank" title="Click to share on LinkedIn"><span>LinkedIn</span></a></li><li class="share-end"></li><li class="share-email"><a rel="nofollow" data-shared="" class="share-email sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/?share=email" target="_blank" title="Click to email this to a friend"><span>Email</span></a></li><li class="share-print"><a rel="nofollow" data-shared="" class="share-print sd-button share-icon" href="http://www.letsdnd.com/languages-related-with-html/#print" target="_blank" title="Click to print"><span>Print</span></a></li><li class="share-end"></li><li class="share-end"></li></ul></div></div></div></div></div><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/urls-in-html/" rel="prev"><strong>Previous article</strong> <span class="g1-delta g1-delta-1st">URL in HTML</span></a></li> <li class="g1-nav-single-next"><a href="http://www.letsdnd.com/beginners-guide-to-css/" rel="next"><strong>Next article</strong> <span class="g1-delta g1-delta-1st">Beginner’s Guide to CSS</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><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1513155327" /><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: 56.31868132%;"><img width="364" height="205" src="https://i0.wp.com/www.letsdnd.com/wp-content/uploads/2016/10/Is-HTML5-replacing-the-native-mobile-apps-completely-1.jpg?resize=364%2C205" class="attachment-bunchy-grid-standard size-bunchy-grid-standard wp-post-image" alt="Is HTML5 replacing the native mobile apps completely?" srcset="https://i0.wp.com/www.letsdnd.com/wp-content/uploads/2016/10/Is-HTML5-replacing-the-native-mobile-apps-completely-1.jpg?zoom=2&resize=364%2C205 728w, https://i0.wp.com/www.letsdnd.com/wp-content/uploads/2016/10/Is-HTML5-replacing-the-native-mobile-apps-completely-1.jpg?zoom=3&resize=364%2C205 1092w" 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>196</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>26</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-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> <li class="g1-collection-item g1-collection-item-1of3"> <article class="entry-tpl-grid post-1908 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>10</strong> Shares</span></p> <h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/html-form/" rel="bookmark">HTML Form</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-12244 post type-post status-publish format-standard has-post-thumbnail category-how-to category-technology category-tools category-web-design category-web-development tag-secure-wordpress tag-wordpress-security"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/designers-guide-wordpress-security/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/07/wordpress-581849_960_720.jpg?resize=364%2C205" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="4 Steps to Start a WordPress Blog" srcset="https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/07/wordpress-581849_960_720.jpg?resize=364%2C205 364w, https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/07/wordpress-581849_960_720.jpg?resize=638%2C359 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>30</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/designers-guide-wordpress-security/" rel="bookmark">The Designer’s Guide to WordPress Security</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/asadali/" title="Posts by Asad Ali" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/0194fb74abc5598ef0842356a0d562dc?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/0194fb74abc5598ef0842356a0d562dc?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>Asad Ali</strong> </a> </span> <time class="entry-date" datetime="2017-12-12T19:36:07">December 12, 2017, 7:36 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-12051 post type-post status-publish format-standard has-post-thumbnail category-blogging category-make-money-online category-marketing category-seo category-technology category-web-development tag-business-website tag-digital-marketing tag-domain-name tag-ecommerce"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/secure-right-domain-next-digital-venture/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="https://i0.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/domain-names-1772242_1920.jpg?resize=364%2C205" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="" srcset="https://i0.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/domain-names-1772242_1920.jpg?resize=364%2C205 364w, https://i0.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/domain-names-1772242_1920.jpg?resize=638%2C359 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/secure-right-domain-next-digital-venture/" rel="bookmark">How to Secure the Right Domain for Your Next Digital Venture</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/jockdigital/" title="Posts by JockDigital" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/6598d09dd5f28aa4abd8349efa8b7060?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/6598d09dd5f28aa4abd8349efa8b7060?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>JockDigital</strong> </a> </span> <time class="entry-date" datetime="2017-11-29T23:56:46">November 29, 2017, 11:56 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-11996 post type-post status-publish format-standard has-post-thumbnail category-how-to category-tools category-web-development tag-hire-php-developers tag-mobile-app-developers tag-web-development-agency tag-web-development-companies"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/7-ways-improve-web-development/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="https://i1.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/IoT-app-development.jpg?resize=364%2C205" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="IoT app development" srcset="https://i1.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/IoT-app-development.jpg?resize=364%2C205 364w, https://i1.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/IoT-app-development.jpg?resize=638%2C359 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>37</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/7-ways-improve-web-development/" rel="bookmark">7 Ways To Improve Your Web Development</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 Rahul Sharma" 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>Rahul Sharma</strong> </a> </span> <time class="entry-date" datetime="2017-11-24T11:58:37">November 24, 2017, 11:58 am</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-11853 post type-post status-publish format-standard has-post-thumbnail category-technology category-web-development tag-cybersecurity tag-malware tag-web-development"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/company-website-risk-malware/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/feat-image.jpg?resize=364%2C205" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="" srcset="https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/feat-image.jpg?resize=364%2C205 364w, https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/feat-image.jpg?resize=638%2C359 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>40</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/company-website-risk-malware/" rel="bookmark">Is My Company Website at Risk for Malware?</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/lexie/" title="Posts by lexie" rel="author"> <img alt='' src='http://0.gravatar.com/avatar/64bf8f264b02c31de782242171a5e180?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/64bf8f264b02c31de782242171a5e180?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>lexie</strong> </a> </span> <time class="entry-date" datetime="2017-11-10T23:50:18">November 10, 2017, 11:50 pm</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-11840 post type-post status-publish format-standard has-post-thumbnail category-web-development tag-microsoft-dynamics-ax-development"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/attend-microsoft-dynamics-days-meeting/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/Why-should-you-attend-the-Microsoft-Dynamics-Days-meeting-.png?resize=364%2C205" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt="Why should you attend the Microsoft Dynamics Days meeting-" srcset="https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/Why-should-you-attend-the-Microsoft-Dynamics-Days-meeting-.png?resize=364%2C205 364w, https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/Why-should-you-attend-the-Microsoft-Dynamics-Days-meeting-.png?resize=638%2C359 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>48</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/attend-microsoft-dynamics-days-meeting/" rel="bookmark">Why Should You Attend the Microsoft Dynamics Days Meeting?</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/stephenannabelle/" title="Posts by stephenannabelle" rel="author"> <img alt='' src='http://1.gravatar.com/avatar/4586acf58c364dc6e736e2ed4dcb9ae2?s=30&d=mm&r=g' srcset='http://1.gravatar.com/avatar/4586acf58c364dc6e736e2ed4dcb9ae2?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>stephenannabelle</strong> </a> </span> <time class="entry-date" datetime="2017-11-09T11:55:04">November 9, 2017, 11:55 am</time> </p> </footer></div></article> </li> <li class="g1-collection-item"> <article class="entry-tpl-list post-11797 post type-post status-publish format-standard has-post-thumbnail category-how-to category-life-hacks category-make-money-online category-marketing category-social-media-marketing category-tools category-web-design category-web-development tag-blogging tag-content-marketing tag-design tag-development tag-how-to tag-marketing tag-project-management-software tag-social-media tag-social-media-marketing tag-web-design tag-web-development tag-website tag-wordpress-2 tag-wordpress-themes"> <figure class="entry-featured-media " ><a class="g1-frame" href="http://www.letsdnd.com/key-steps-centralized-managing-wordpress/"><span class="g1-frame-inner" style="padding-bottom: 56.31868132%;"><img width="364" height="205" src="https://i2.wp.com/www.letsdnd.com/wp-content/uploads/2017/11/1.jpg?resize=364%2C205" class="attachment-bunchy-list-standard size-bunchy-list-standard wp-post-image" alt=""/><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>40</strong> Shares</span></p></div><h3 class="g1-gamma g1-gamma-1st entry-title"><a href="http://www.letsdnd.com/key-steps-centralized-managing-wordpress/" rel="bookmark">The Key Steps for Centralized Managing Your WordPress</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/borisharutyunyan/" title="Posts by borisharutyunyan" rel="author"> <img alt='' src='http://2.gravatar.com/avatar/5071a265931de0bb10c2c232c9333561?s=30&d=mm&r=g' srcset='http://2.gravatar.com/avatar/5071a265931de0bb10c2c232c9333561?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30'/> <strong>borisharutyunyan</strong> </a> </span> <time class="entry-date" datetime="2017-11-03T15:20:00">November 3, 2017, 3:20 pm</time> </p> </footer></div></article> </li> </ul></div></div></aside> <section id="comments" class="comments-area" itemscope itemtype="http://schema.org/UserComments"> <h2 class="comments-title g1-beta g1-beta-2nd"> 4 Comments </h2> <a class="g1-button g1-button-m g1-button-solid" href="#respond">Leave a Reply</a> <ol class="comment-list"> <li class="comment even thread-even depth-1" id="li-comment-4259"> <article class="comment-body" id="comment-4259" itemscope itemtype="http://schema.org/Comment"> <footer class="comment-meta"> <div class="comment-author" itemprop="author" itemscope itemtype="http://schema.org/Person"> <img itemprop="image" alt='' src='http://1.gravatar.com/avatar/13a5fd4fcdc7ff2894f36e30a45c9788?s=40&d=mm&r=g' srcset='http://1.gravatar.com/avatar/13a5fd4fcdc7ff2894f36e30a45c9788?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo' height='40' width='40'/> <b class="g1-epsilon fn"><span itemprop="name">Keenan</span></b> <span class="says">says:</span></div><div class="comment-metadata"> <a itemprop="url" href="http://www.letsdnd.com/languages-related-with-html/#comment-4259"> <time itemprop="datePublished" datetime="2015-05-21T13:52:46"> May 21, 2015 at 1:52 pm </time> </a></div></footer> <div class="comment-content" itemprop="text"> <p>Thanks for sharing your thoughts on free web tutorials.<br /> Regards</p></div><div class="reply"> <a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=4259#respond' onclick='return addComment.moveForm("comment-4259","4259","respond","1964" )' aria-label='Reply to Keenan'>Reply</a></div></article> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-1940"> <article class="comment-body" id="comment-1940" itemscope itemtype="http://schema.org/Comment"> <footer class="comment-meta"> <div class="comment-author" itemprop="author" itemscope itemtype="http://schema.org/Person"> <img itemprop="image" alt='' src='http://1.gravatar.com/avatar/7b0f2b5fe9ad0f432eae319e83956b95?s=40&d=mm&r=g' srcset='http://1.gravatar.com/avatar/7b0f2b5fe9ad0f432eae319e83956b95?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo' height='40' width='40'/> <b class="g1-epsilon fn"><span itemprop="name">Rashad Altamirano</span></b> <span class="says">says:</span></div><div class="comment-metadata"> <a itemprop="url" href="http://www.letsdnd.com/languages-related-with-html/#comment-1940"> <time itemprop="datePublished" datetime="2014-10-30T04:25:39"> October 30, 2014 at 4:25 am </time> </a></div></footer> <div class="comment-content" itemprop="text"> <p>Woah! I’m really loving the template/theme of this<br /> website. It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between superb usability<br /> and visual appearance. I must say you’ve one a excellent job with this.<br /> In addition, the blog loads super fast for me on Chrome.<br /> Excellent Blog!</p></div><div class="reply"> <a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=1940#respond' onclick='return addComment.moveForm("comment-1940","1940","respond","1964" )' aria-label='Reply to Rashad Altamirano'>Reply</a></div></article> </li> <li class="comment even thread-even depth-1" id="li-comment-1930"> <article class="comment-body" id="comment-1930" itemscope itemtype="http://schema.org/Comment"> <footer class="comment-meta"> <div class="comment-author" itemprop="author" itemscope itemtype="http://schema.org/Person"> <img itemprop="image" alt='' src='http://1.gravatar.com/avatar/db96bd7cd37fcb29603381985e0d8006?s=40&d=mm&r=g' srcset='http://1.gravatar.com/avatar/db96bd7cd37fcb29603381985e0d8006?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo' height='40' width='40'/> <b class="g1-epsilon fn"><a itemprop="url" href='http://www.gamingbasement.com/' rel='external nofollow' class='url'><span itemprop="name">Shannon Shoemaker</span></a></b> <span class="says">says:</span></div><div class="comment-metadata"> <a itemprop="url" href="http://www.letsdnd.com/languages-related-with-html/#comment-1930"> <time itemprop="datePublished" datetime="2014-10-29T13:19:56"> October 29, 2014 at 1:19 pm </time> </a></div></footer> <div class="comment-content" itemprop="text"> <p>Excellent post. Keep posting such kind of information on your page.<br /> Im really impressed by your site.<br /> Hey there, You’ve performed a fantastic job. I will definitely digg it and for my part suggest to my friends.<br /> I am confident they’ll be benefited from this website.</p></div><div class="reply"> <a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=1930#respond' onclick='return addComment.moveForm("comment-1930","1930","respond","1964" )' aria-label='Reply to Shannon Shoemaker'>Reply</a></div></article> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-1183"> <article class="comment-body" id="comment-1183" itemscope itemtype="http://schema.org/Comment"> <footer class="comment-meta"> <div class="comment-author" itemprop="author" itemscope itemtype="http://schema.org/Person"> <img itemprop="image" alt='' src='http://2.gravatar.com/avatar/bb40da49f498450a7822f2a4097bfe85?s=40&d=mm&r=g' srcset='http://2.gravatar.com/avatar/bb40da49f498450a7822f2a4097bfe85?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo' height='40' width='40'/> <b class="g1-epsilon fn"><span itemprop="name">Gavin Courtney</span></b> <span class="says">says:</span></div><div class="comment-metadata"> <a itemprop="url" href="http://www.letsdnd.com/languages-related-with-html/#comment-1183"> <time itemprop="datePublished" datetime="2014-09-29T11:11:58"> September 29, 2014 at 11:11 am </time> </a></div></footer> <div class="comment-content" itemprop="text"> <p>Your stgyle is sso unique in comparison to other folks I have read sthff<br /> from. Many thanks for posting when you’ve got the opportunity, Guess I’ll<br /> just book mark this site.</p></div><div class="reply"> <a rel='nofollow' class='comment-reply-link' href='http://www.letsdnd.com/languages-related-with-html/?replytocom=1183#respond' onclick='return addComment.moveForm("comment-1183","1183","respond","1964" )' aria-label='Reply to Gavin Courtney'>Reply</a></div></article> </li> </ol> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Comment Below <small><a rel="nofollow" id="cancel-comment-reply-link" href="/languages-related-with-html/#respond" style="display:none;">Cancel reply</a></small> </h3> <form id="commentform" class="comment-form"> <iframe src="http://jetpack.wordpress.com/jetpack-comment/?blogid=78371439&postid=1964&comment_registration=0&require_name_email=1&stc_enabled=1&stb_enabled=1&show_avatars=1&avatar_default=mystery&greeting=Comment+Below&greeting_reply=Leave+a+Reply+to+%25s&color_scheme=transparent&lang=en_US&jetpack_version=5.5.1&sig=b6a57afe9888910e1a9619810c814132fdad1d5c#parent=http%3A%2F%2Fwww.letsdnd.com%2Flanguages-related-with-html%2F" style="width:100%; height: 430px; border:0;" name="jetpack_remote_comment" class="jetpack_remote_comment" id="jetpack_remote_comment"></iframe> <!--<![endif]--> </form></div><input type="hidden" name="comment_parent" id="comment_parent" value="" /> </section> <aside class="g1-dont-miss"> <h2 class="g1-beta g1-beta-2nd">Don't Miss</h2> </aside> <meta itemprop="mainEntityOfPage" content="http://www.letsdnd.com/languages-related-with-html/"/> <meta itemprop="dateModified" content="2015-04-20T14:19:20"/> <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/2017/10/publishing-services-high.png"/> </span> </span> </article></div></div><div id="secondary" class="g1-column g1-column-1of3"> <aside id="custom_html-2" class="widget_text widget widget_custom_html g1-widget-class"><header><h2 class="g1-delta g1-delta-2nd widgettitle">Advertisement</h2></header><div class="textwidget custom-html-widget"><p>Get professional <a href="https://quickwriter.com/assignments/do-my-homework.html" target="_blank">assignment help</a> from experts.</p> <p>A professional custom writing service <a href="https://123writings.com/" target="_blank">123 Writings</a> will design your essay, research or term paper.</p> <p>There is now a quick option to buy <a href="https://writemypaper123.com/research-for-sale.htm" target="_blank">research paper for sale online</a> with ease.</p></div></aside><aside id="text-14" 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: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><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1513155328" /><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><div style="display:none"> <div class="grofile-hash-map-6fa6bff64764874dca8494ac9efc7b4a"></div><div class="grofile-hash-map-0194fb74abc5598ef0842356a0d562dc"></div><div class="grofile-hash-map-6598d09dd5f28aa4abd8349efa8b7060"></div><div class="grofile-hash-map-75253f6682b9e61b3dd3dfe155c80aef"></div><div class="grofile-hash-map-64bf8f264b02c31de782242171a5e180"></div><div class="grofile-hash-map-4586acf58c364dc6e736e2ed4dcb9ae2"></div><div class="grofile-hash-map-5071a265931de0bb10c2c232c9333561"></div><div class="grofile-hash-map-13a5fd4fcdc7ff2894f36e30a45c9788"></div><div class="grofile-hash-map-7b0f2b5fe9ad0f432eae319e83956b95"></div><div class="grofile-hash-map-db96bd7cd37fcb29603381985e0d8006"></div><div class="grofile-hash-map-bb40da49f498450a7822f2a4097bfe85"></div><div class="grofile-hash-map-6fa6bff64764874dca8494ac9efc7b4a"></div></div><div id="sharing_email" style="display: none;"> <form action="/languages-related-with-html/" method="post"> <label for="target_email">Send to Email Address</label> <input type="email" name="target_email" id="target_email" value="" /> <label for="source_name">Your Name</label> <input type="text" name="source_name" id="source_name" value="" /> <label for="source_email">Your Email Address</label> <input type="email" name="source_email" id="source_email" value="" /> <input type="text" id="jetpack-source_f_name" name="source_f_name" class="input" value="" size="25" autocomplete="off" title="This field is for validation and should not be changed" /> <img style="float: right; display: none" class="loading" src="//i0.wp.com/letsdnd.com/wp-content/plugins/jetpack/modules/sharedaddy/images/loading.gif" alt="loading" width="16" height="16"/> <input type="submit" value="Send Email" class="sharing_send" /> <a rel="nofollow" href="#cancel" class="sharing_cancel">Cancel</a> <div class="errors errors-1" style="display: none;"> Post was not sent - check your email addresses!</div><div class="errors errors-2" style="display: none;"> Email check failed, please try again</div><div class="errors errors-3" style="display: none;"> Sorry, your blog cannot share posts by email.</div></form></div><link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/04e0717e6414c1a8097b8a58a60ba439/1510908220index.css" media="all"/> <link rel="stylesheet" type="text/css" href="//www.letsdnd.com/wp-content/cache/wpfc-minified/df3ca02b79f281ab8e9fa09f4a2b0723/1510908220index.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'/> <link rel='stylesheet' id='open-sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.9.1' type='text/css' media='all'/> <script>var wpp_params={"sampling_active":"","sampling_rate":"100","ajax_url":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","action":"update_views_ajax","ID":"1964","token":"234492ff9a"};</script> <script>var wpcf7={"apiSettings":{"root":"http:\/\/www.letsdnd.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}};</script> <script>var mashsb={"shares":"20","round_shares":"1","animate_shares":"0","dynamic_buttons":"0","share_url":"http:\/\/www.letsdnd.com\/languages-related-with-html\/","title":"Languages+Related+with+HTML","image":null,"desc":"Languages Related with HTML\u00a0is the section 17, as well as the final section\u00a0of\u00a0Beginner\u2019s Guide to HTML.\u00a0\r\nSo here we're at the end of the tutorial. In this section we're going to discuss about other areas you \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 sharing_js_options={"lang":"en","counts":"1"};</script> <script>var cptch_vars={"nonce":"02194c1295","ajaxurl":"http:\/\/www.letsdnd.com\/wp-admin\/admin-ajax.php","enlarge":""};</script> <script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","@id":"#website","url":"http:\/\/www.letsdnd.com\/","name":"Lets Design n Develop","alternateName":"Sandeep Likhar","potentialAction":{"@type":"SearchAction","target":"http:\/\/www.letsdnd.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script> <script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"Organization","url":"http:\/\/www.letsdnd.com\/languages-related-with-html\/","sameAs":["https:\/\/www.facebook.com\/letsdnd\/","https:\/\/plus.google.com\/+LetsDnDTuts","https:\/\/in.pinterest.com\/LetsDnD\/","https:\/\/twitter.com\/LetsDnD"],"@id":"#organization","name":"Lets Design n Develop","logo":"\/\/i0.wp.com\/letsdnd.com\/wp-content\/uploads\/2015\/05\/LetsDnD-Logo.jpg"}</script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/4373094c24a18c880aec4fa24a478c78/1510908278index.js' type="text/javascript"></script> <script> tag if you can remember. </span>The <script> element either contains scripting statements or it points to an external script file through the src attribute.</p> <p style="text-align: justify;"><strong>JavaScript can change HTML content</strong></p> <p style="text-align: justify;"><span style="color: #404040;">The script below writes 'Hi! How are you?' into an HTML paragraph element with id="demo" by replacing the already existed text 'This is a Paragraph'.</span></p> [code language="html"] <p id="demo">This is a Paragraph</p> <p><script>document.getElementById("demo").innerHTML="Hi! How are you?";</script> <script>document.getElementById("demo").style.fontSize="25px";</script> <script>document.getElementById("image").src="picture.gif";</script> <script>(function(){ if(!window.mc4wp){ window.mc4wp={ listeners: [], forms:{ on: function (event, callback){ window.mc4wp.listeners.push({ event:event, callback: callback }); }} }} })();</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.11'></script><![endif]--> <script>document.addEventListener('DOMContentLoaded', function (){ var commentForms=document.getElementsByClassName('jetpack_remote_comment'); for (var i=0; i < commentForms.length; i++){ commentForms[i].allowTransparency=true; commentForms[i].scrolling='no'; }});</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:"89edd6849b", post_id:1964 }); });</script> <script>window.WPCOM_sharing_counts={"http:\/\/www.letsdnd.com\/languages-related-with-html\/":1964};</script> <script>jQuery(document).ready(function(){ document.getElementById('jetpack-source_f_name').value='' });</script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/68bee89ab63cfbfc30318494febd7a3a/1510908221index.js' type="text/javascript"></script> <script async defer type='text/javascript' src='https://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201750'></script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/ff54d87d2234caa773dccfb4c253004d/1510908278index.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.11'></script><![endif]--> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/ea763163956f18b8fe94eedeac6dd9e2/1510908278index.js' type="text/javascript"></script> <script>var windowOpen; jQuery(document.body).on('click', 'a.share-facebook', function(){ if('undefined'!==typeof windowOpen){ windowOpen.close(); } windowOpen=window.open(jQuery(this).attr('href'), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400'); return false; }); var windowOpen; jQuery(document.body).on('click', 'a.share-twitter', function(){ if('undefined'!==typeof windowOpen){ windowOpen.close(); } windowOpen=window.open(jQuery(this).attr('href'), 'wpcomtwitter', 'menubar=1,resizable=1,width=600,height=350'); return false; }); var windowOpen; jQuery(document.body).on('click', 'a.share-google-plus-1', function(){ if('undefined'!==typeof windowOpen){ windowOpen.close(); } windowOpen=window.open(jQuery(this).attr('href'), 'wpcomgoogle-plus-1', 'menubar=1,resizable=1,width=480,height=550'); return false; }); var windowOpen; jQuery(document.body).on('click', 'a.share-tumblr', function(){ if('undefined'!==typeof windowOpen){ windowOpen.close(); } windowOpen=window.open(jQuery(this).attr('href'), 'wpcomtumblr', 'menubar=1,resizable=1,width=450,height=450'); return false; }); var windowOpen; jQuery(document.body).on('click', 'a.share-pocket', function(){ if('undefined'!==typeof windowOpen){ windowOpen.close(); } windowOpen=window.open(jQuery(this).attr('href'), 'wpcompocket', 'menubar=1,resizable=1,width=450,height=450'); return false; }); var windowOpen; jQuery(document.body).on('click', 'a.share-linkedin', function(){ if('undefined'!==typeof windowOpen){ windowOpen.close(); } windowOpen=window.open(jQuery(this).attr('href'), 'wpcomlinkedin', 'menubar=1,resizable=1,width=580,height=450'); return false; });</script> <script src='//www.letsdnd.com/wp-content/cache/wpfc-minified/dca5f2f2784f5e8dfad81bb64ba96e05/1510908278index.js' type="text/javascript"></script> <!--[if IE]><script>if(0===window.location.hash.indexOf('#comment-')){ window.location.hash=window.location.hash; }</script><![endif]--> <script>(function (){ var comm_par_el=document.getElementById('comment_parent'), comm_par=(comm_par_el&&comm_par_el.value) ? comm_par_el.value:'', frame=document.getElementById('jetpack_remote_comment'), tellFrameNewParent; tellFrameNewParent=function (){ if(comm_par){ frame.src="http://jetpack.wordpress.com/jetpack-comment/?blogid=78371439&postid=1964&comment_registration=0&require_name_email=1&stc_enabled=1&stb_enabled=1&show_avatars=1&avatar_default=mystery&greeting=Comment+Below&greeting_reply=Leave+a+Reply+to+%25s&color_scheme=transparent&lang=en_US&jetpack_version=5.5.1&sig=b6a57afe9888910e1a9619810c814132fdad1d5c#parent=http%3A%2F%2Fwww.letsdnd.com%2Flanguages-related-with-html%2F" + '&replytocom=' + parseInt(comm_par, 10).toString(); }else{ frame.src="http://jetpack.wordpress.com/jetpack-comment/?blogid=78371439&postid=1964&comment_registration=0&require_name_email=1&stc_enabled=1&stb_enabled=1&show_avatars=1&avatar_default=mystery&greeting=Comment+Below&greeting_reply=Leave+a+Reply+to+%25s&color_scheme=transparent&lang=en_US&jetpack_version=5.5.1&sig=b6a57afe9888910e1a9619810c814132fdad1d5c#parent=http%3A%2F%2Fwww.letsdnd.com%2Flanguages-related-with-html%2F"; }}; if('undefined'!==typeof addComment){ addComment._Jetpack_moveForm=addComment.moveForm; addComment.moveForm=function(commId, parentId, respondId, postId){ var returnValue=addComment._Jetpack_moveForm(commId, parentId, respondId, postId), cancelClick, cancel; if(false===returnValue){ cancel=document.getElementById('cancel-comment-reply-link'); cancelClick=cancel.onclick; cancel.onclick=function (){ var cancelReturn=cancelClick.call(this); if(false!==cancelReturn){ return cancelReturn; } if(! comm_par){ return cancelReturn; } comm_par=0; tellFrameNewParent(); return cancelReturn; };} if(comm_par==parentId){ return returnValue; } comm_par=parentId; tellFrameNewParent(); return returnValue; };} document.addEventListener('DOMContentLoaded', function (){ var iframe_url="http:\/\/jetpack.wordpress.com"; if(window.postMessage){ if(document.addEventListener){ window.addEventListener('message', function(event){ var origin=event.origin.replace(/^http:\/\//i, 'https://'); if(iframe_url.replace(/^http:\/\//i, 'https://')!==origin){ return; } jQuery(frame).height(event.data); }); }else if(document.attachEvent){ window.attachEvent('message', function(event){ var origin=event.origin.replace(/^http:\/\//i, 'https://'); if(iframe_url.replace(/^http:\/\//i, 'https://')!==origin){ return; } jQuery(frame).height(event.data); }); }} }) })();</script> <script type='text/javascript' src='https://stats.wp.com/e-201750.js' async defer></script> <script>_stq=window._stq||[]; _stq.push([ 'view', {v:'ext',j:'1:5.5.1',blog:'78371439',post:'1964',tz:'5.5',srv:'www.letsdnd.com'} ]); _stq.push([ 'clickTrackerInit', '78371439', '1964' ]);</script> <script>window._wpemojiSettings={"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.letsdnd.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.1"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56794,8205,9794,65039],[55358,56794,8203,9794,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);</script> </body> </html><!-- WP Fastest Cache file was created in 1.47477483749 seconds, on 13-12-17 14:25:28 --><!-- need to refresh to see cached version -->