What is HTML (Hyper Text Markup Language)?

Web browser reads HTML which is just a text file filled with tags, html is not a programming language and the tags are just words or individual characters and angle brackets to tell the browser what text needs emphasis, what is a paragraph, where to get images, how to take a visitor to another page if they should click on the tag.

Therefore, HTML is considered as a standard markup language for creating web pages as well as web applications. There about 90 total tags but for the most part you’re only going to use about 23 tags and to start off any HTML document you have to define what version of HTML you’re using.


<code> <!DOCTYPE HTML> <html> <head> <title>Example of HTML file structure with tags</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name ="description" content ="Sample"> <meta name="keywords" content=""> <link rel="test" href="#" type="text/css"> <link rel="shortcut icon" href="images/favicon.ico?v=2" type="image/x-icon" /> </head> <body> <div id="wrapper"> <div id="maincontent"> <div id="header"> <div id="logo" class="left"> <a href="#"><img src="#logohere" alt="yoursite.com"/></a> </div> <div class="right marT10"> <b> <a href="login.php" >Login</a> |<a href="#" >Our Members</a> |<a href="#" >Buy</a> </b> </div> <ul class="topmenu"> <li><a href="#">About you</a></li> <li><a href="#">yourservice</a></li> <li><a href="#">location</a></li> <li><a href="#">ContactMe</a></li> </ul> <br> <div class="banner"><p></p></div> <br class="clear"/> </div> <!-- header section and this how we comment --> <div class="content"> <div class="search left"> <form name="search" method="get" action="#" id="search"> <input type="text" value="keywords" name="keyword" class="s0" /> <br /> <select name="title" class="s2"> <option value="#??"> Test</option><option value=?> Test2</option></select> <br /> <input type="submit" name="search" value="Search" class="buttonx" /> <input type="hidden" name="page" value="search" /> </form> <br /><br /> </div> <div class="intro left"> <h3>AboutMe</h3><br/> <p> Write about you here <a href="#">ReadMore</a> </p> </div> <br class="clear"/> <br/> <div class="product-list"> <h2>Special</h2> <ul class="specials"> <li> <div class="image"> <a href="#"> <img src="images/yourimagefile" alt="user1" width="190" height="130"/> </a> </div> <div class="detail"> <p class="name"><a href="#"> user1</a></p> <p class="view"><a href="#">Likeher</a> | <a href="#">view her ></a></p> </div> </li> <li> <div class="image"> <a href="#"> <img src="images/yourimagefile" alt=" user2" width="190" height="130"/> </a> </div> <div class="detail"> <p class="name"><a href="#"> user2</a></p> <p class="view"><a href="#">LOVEHER</a> | <a href="#">view HER >></a></p> </div> </li> <li> <div class="image"> <a href="#"> <img src="images/yourimagefile" alt=" user3" width="190" height="130"/> </a> </div> <div class="detail"> <p class="name"><a href="#"> user3</a></p> <p class="view"><a href="user3">hateher</a> | <a href="">view hermore >></a></p> </div> </li> </ul> </div><!-- users-list --> <br class="clear-all"/> </div><!-- content section and this how we comment on html --> </div><!-- maincontent section above and this how we comment --> <div id="footer"> <div class="footer"> <a href="#">AboutYOU</a> | <a href="#">user1</a> | <a href="#">xx</a> | <a href="#">xx</a><br /> <span class="contact">Tel: 00 &nbsp; Fax: 00&nbsp; Email:users@yoursite.com</span> </div> </div><!-- footer section and this how we comment --> </div><!-- wrapper section and this how we comment --> </body> </html> </code>