Latest HTML video tutorial for beginners (Hindi-Urdu)

<div dir="ltr" style="text-align: left;" trbidi="on"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKlymkOHvk60RHCXLR2uQKMuJ_yu0IYERnnAQ9ecpK2-GLVA88daz6VefekV-fvQ0jH1zBMlSphLeI2vvNaeuNn1wviChj99Tnw2y8VGID5t1wvBjndHu4GVtDEDl3WGJH96bYLflSHg/s1600/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKlymkOHvk60RHCXLR2uQKMuJ_yu0IYERnnAQ9ecpK2-GLVA88daz6VefekV-fvQ0jH1zBMlSphLeI2vvNaeuNn1wviChj99Tnw2y8VGID5t1wvBjndHu4GVtDEDl3WGJH96bYLflSHg/s320/html.jpg" width="320" /></a><strong style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin: 0px; outline: none; padding: 0px;"></strong><br /> <div style="text-align: justify;"> <strong style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin: 0px; outline: none; padding: 0px;"><strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">HTML</strong><span style="color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif;"> is a hyper text markup language. Even if you have never seen any Hyper Text Markup Language (HTML) code, you may know that it is used to create web pages. There have been five versions of HTML since the web began, and the development of the language is overseen by an organization called the World Wide Web Consortium (W3C).</span></strong></div> <br /> <br /> <br /> <div style="text-align: justify;"> <span style="background-color: white; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px;">This video tutorials on the latest version of the language, popularly referred to as HTML5. There </span><span style="background-color: white; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px;">are two other versions you might encounter. These are HTML 4.01, the last major version of the language from December 1999, and a stricter version from 2000 called Extensible Hyper Text Markup Language (XHTML). XHTML is still popular in some applications, so important differences between it and HTML5 will be called out in the text.</span></div> <h2 style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: Helvetica; font-size: 30px; font-weight: normal; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;"> HTML Versions</h2> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Since the early days of the web, there have been many versions of HTML:</div> <table class="reference notranslate" style="background-color: white; border-spacing: 0px; border: 1px solid rgb(238, 238, 238); box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin: 0px 0px 1.5em; outline: none; padding: 0px; width: 444px;"><tbody style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"> <tr style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"><th style="background: rgb(244, 244, 244); border-bottom-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-style: none dotted solid none; border-width: 0px 1px 1px 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">Version</th><th style="background: rgb(244, 244, 244); border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-left-style: none; border-top-style: none; border-width: 0px 0px 1px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">Year</th></tr> <tr style="background: rgb(249, 249, 249); border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"><td style="border-bottom-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-style: none dotted solid none; border-width: 0px 1px 1px 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">HTML</td><td style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-left-style: none; border-top-style: none; border-width: 0px 0px 1px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">1991</td></tr> <tr style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"><td style="border-bottom-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-style: none dotted solid none; border-width: 0px 1px 1px 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">HTML 2.0</td><td style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-left-style: none; border-top-style: none; border-width: 0px 0px 1px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">1995</td></tr> <tr style="background: rgb(249, 249, 249); border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"><td style="border-bottom-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-style: none dotted solid none; border-width: 0px 1px 1px 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">HTML 3.2</td><td style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-left-style: none; border-top-style: none; border-width: 0px 0px 1px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">1997</td></tr> <tr style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"><td style="border-bottom-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-style: none dotted solid none; border-width: 0px 1px 1px 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">HTML 4.01</td><td style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-left-style: none; border-top-style: none; border-width: 0px 0px 1px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">1999</td></tr> <tr style="background: rgb(249, 249, 249); border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"><td style="border-bottom-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-style: none dotted solid none; border-width: 0px 1px 1px 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">XHTML</td><td style="border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-left-style: none; border-top-style: none; border-width: 0px 0px 1px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">2000</td></tr> <tr style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;"><td style="border-left-style: none; border-right-color: rgb(238, 238, 238); border-right-style: dotted; border-top-style: none; border-width: 0px 1px 0px 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">HTML5</td><td style="border-color: initial; border-left-style: none; border-top-style: none; border-width: 0px; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0.4em;">2014</td></tr> </tbody></table> <h2 style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: Helvetica; font-size: 30px; font-weight: normal; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px; text-align: left;"> HTML tutorial Introduction video in Hindi</h2> <div> <iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/1vt3MmEGffs" width="560"></iframe>  <br /> <h2> HEAD, TITLE, BODY TAGES</h2> <iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/KT-jxFny9rI" width="560"></iframe>   <br /> <h2>header, footer, h1 h6, p tages</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/71jrUldRbMU" frameborder="0" allowfullscreen></iframe>   <br /> <h2>a, u, strong, em, i, b tages</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/iRRPG8EjbVI" frameborder="0" allowfullscreen></iframe>   <br /> <h2>small, q, sub, sup, br tages</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/qUb3b1FWbZM" frameborder="0" allowfullscreen></iframe>   <br /> <h2>br, hr, ol, ul, li tages</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/wTf5rLFTSlk" frameborder="0" allowfullscreen></iframe>   <br /> <h2>table, tr, td, th, thead, tfooter, tbody, colspan tages</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/ZqDqF1cfc3Q" frameborder="0" allowfullscreen></iframe>   <br /> <h2>input type, text, password, date, time, lable tags</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/OzVjpve81fQ" frameborder="0" allowfullscreen></iframe>   <br /> <h2>Input, radio, chekbox, fieldset, legend, select, option properties</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/CcAFc8xX61A" frameborder="0" allowfullscreen></iframe>   <br /> <h2>img, audio, video, ifram tages</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/FE81j_88f8A" frameborder="0" allowfullscreen></iframe> </div> <h2 style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: Helvetica; font-size: 30px; font-weight: normal; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;"> Some basic knowledge</h2> <ul style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin: 0px 0px 20px 15px; outline: none; padding: 0px;"> <li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px;">All HTML elements can have <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">attributes</strong></li> <li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px;">The HTML <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">title</strong> attribute provides additional “tool-tip” information</li> <li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px;">The HTML <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">href</strong> attribute provides address information for links</li> <li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px;">The HTML <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">width</strong> and <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">height</strong> attributes provide size information for images</li> <li style="border: 0px none; box-sizing: border-box; list-style: disc outside none; margin: 0px 0px 5px; outline: none; padding: 0px;">The HTML <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">alt</strong> attribute provides text for screen readers</li> </ul> <h2 style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: Helvetica; font-size: 30px; font-weight: normal; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;"> HTML Display</h2> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> You cannot be sure how HTML will be displayed.</div> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Large or small screens, and resized windows will create different results.</div> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.</div> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> The browser will remove extra spaces and extra lines when the page is displayed.</div> <div style="background-color: white; border: 0px none; box-sizing: border-box; color: #333333; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px; list-style: none; margin-bottom: 20px; outline: none; padding: 0px;"> Any number of spaces, and any number of new lines, count as <strong style="border: 0px none; box-sizing: border-box; list-style: none; margin: 0px; outline: none; padding: 0px;">only one space</strong>.</div> </div>

Latest HTML video tutorial for beginners (Hindi-Urdu)

HTML  is a hyper text markup language. Even if you have never seen any Hyper Text Markup Language (HTML) code, you may know that it is us...

Read more »