Introduction to HTML: Understanding the HTML Basics


What is an HTML File?

• HTML stands for Hyper Text Markup Language
• An HTML file is a text file containing small markup tags
• The markup tags tell the Web browser how to display the page
• An HTML file must have an htm or html file extension
• An HTML file can be created using a simple text editor

How to Create an HTML Page
• The first tag in your HTML document is . This tag tells your browser that this is the start of an HTML document. The last tag in your document is . This tag tells your browser that this is the end of the HTML document.
• The text between the tag and the tag is header information. Header information is not displayed in the browser window.
• The text between the tags is the title of your document. The title is displayed in your browser’s caption.<br /> • The text between the <body> tags is the text that will be displayed in your browser.<br /> • The text between the <b> and </b> tags will be displayed in a bold font.</p> </div> <div class="postinfo"> <script type="text/javascript"><!-- google_ad_client = "pub-9680100702980837"; /* 300x250, c++ sq */ google_ad_slot = "0170236844"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class="postcat" style="width:560px;">Filed under: <a href="http://freeonlineprogrammingtutorials.com/category/html" title="View all posts in HTML" rel="category tag">HTML</a> </div> </div> </div> <br clear="all" /> <ul class="Note"> <li class="NoteRss"> <a href='http://freeonlineprogrammingtutorials.com/introduction-to-html/feed'><abbr title="Really Simple Syndication">RSS</abbr> feed for comments on this post</a> </li> <li class="NoteTrackBack"><a href="http://freeonlineprogrammingtutorials.com/introduction-to-html/trackback" rel="trackback"> TrackBack <abbr title="Uniform Resource Identifier">URI</abbr> </a></li> </ul> <!-- You can start editing here. --> <div id="commentblock"> <div class="comment-wrap"> <!-- If comments are open, but there are no comments. --> <p id="respond"><b>Leave a comment</b></p> <form action="http://freeonlineprogrammingtutorials.com/wp-comments-post.php" method="post" id="commentform"> <p> <label for="author">Name (required) </label> <br /> <input type="text" name="author" id="author" value="" size="40" tabindex="1" /> </p> <p> <label for="email">Email Address (required) </label> <br /> <input type="text" name="email" id="email" value="" size="40" tabindex="2" /> </p> <p> <label for="url">Website</label> <br /> <input type="text" name="url" id="url" value="" size="40" tabindex="3" /> </p> <p><small><strong>XHTML:</strong> You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </small></p> <p> <textarea name="comment" id="comment" cols="50" rows="10" tabindex="4" style="width:595px;"></textarea> </p> <p> <input name="submit" type="submit" id="submit" tabindex="5" value="Post your comment" /> <input type="hidden" name="comment_post_ID" value="39" /> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="2f312051d8" /></p> </form> </div> </div> </div></div> <div id="sidebar"> <div id="sidebar-top"> <script type="text/javascript"><!-- google_ad_client = "pub-9680100702980837"; /* 300x250, c++ sq */ google_ad_slot = "0170236844"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <ul> <h2>About this blog</h2> <p style="padding:0px 5px 0px 8px; margin:0px;"><b>Welcome to Free Online Programming Tutorials</b> - You can learn web programming languages, pseudo codes, and find answers to all your programming queries here!</p> <h2>What's New</h2> <ul> <li><a href='http://freeonlineprogrammingtutorials.com/best-physical-therapy-graduate-schools' title='Best Physical Therapy Graduate Schools'>Best Physical Therapy Graduate Schools</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/project-management-body-of-knowledge' title='Project Management Body of Knowledge'>Project Management Body of Knowledge</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/culinary-arts-online-degree' title='Culinary Arts Online Degree'>Culinary Arts Online Degree</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/one-year-mba-online-programs' title='One Year MBA Online Programs'>One Year MBA Online Programs</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/top-paralegal-studies-schools' title='Top Paralegal Studies Schools'>Top Paralegal Studies Schools</a></li> </ul> </ul> </div> <div style="clear:both;"></div> <div id="sidebar-left"> <ul> <!-- <div class="adblock120x600"> --> <script type="text/javascript"> ch_client = "omthoke"; ch_width = 160; ch_height = 600; ch_type = "mpu"; ch_sid = "Chitika Default"; ch_backfill = 1; ch_color_site_link = "#0000CC"; ch_color_title = "#0000CC"; ch_color_border = "#FFFFFF"; ch_color_text = "#000000"; ch_color_bg = "#FFFFFF"; </script> <script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script> </div> </ul> <!-- </div> --> <div id="sidebar-right"> <ul> <br/>   <h2>  Categories</h2> <ul>     <li class="cat-item cat-item-105"><a href="http://freeonlineprogrammingtutorials.com/category/apache" title="View all posts filed under Apache">Apache</a> </li> <li class="cat-item cat-item-33"><a href="http://freeonlineprogrammingtutorials.com/category/basics-of-web-programming" title="View all posts filed under Basics of Web Programming">Basics of Web Programming</a> </li> <li class="cat-item cat-item-113"><a href="http://freeonlineprogrammingtutorials.com/category/cloud-computing" title="View all posts filed under Cloud Computing">Cloud Computing</a> </li> <li class="cat-item cat-item-118"><a href="http://freeonlineprogrammingtutorials.com/category/courses" title="View all posts filed under Courses">Courses</a> </li> <li class="cat-item cat-item-34"><a href="http://freeonlineprogrammingtutorials.com/category/css" title="View all posts filed under CSS">CSS</a> </li> <li class="cat-item cat-item-109"><a href="http://freeonlineprogrammingtutorials.com/category/embedded-systems" title="View all posts filed under Embedded Systems">Embedded Systems</a> </li> <li class="cat-item cat-item-15"><a href="http://freeonlineprogrammingtutorials.com/category/html" title="View all posts filed under HTML">HTML</a> </li> <li class="cat-item cat-item-115"><a href="http://freeonlineprogrammingtutorials.com/category/info" title="View all posts filed under Info">Info</a> </li> <li class="cat-item cat-item-104"><a href="http://freeonlineprogrammingtutorials.com/category/java" title="View all posts filed under Java">Java</a> </li> <li class="cat-item cat-item-3"><a href="http://freeonlineprogrammingtutorials.com/category/jsp" title="View all posts filed under JSP">JSP</a> </li> <li class="cat-item cat-item-4"><a href="http://freeonlineprogrammingtutorials.com/category/php" title="View all posts filed under PHP">PHP</a> </li> <li class="cat-item cat-item-61"><a href="http://freeonlineprogrammingtutorials.com/category/plsql" title="View all posts filed under PL/SQL">PL/SQL</a> </li> <li class="cat-item cat-item-36"><a href="http://freeonlineprogrammingtutorials.com/category/python" title="View all posts filed under Python">Python</a> </li> <li class="cat-item cat-item-114"><a href="http://freeonlineprogrammingtutorials.com/category/software" title="View all posts filed under Software">Software</a> </li> <li class="cat-item cat-item-86"><a href="http://freeonlineprogrammingtutorials.com/category/sql" title="View all posts filed under SQL">SQL</a> </li> <li class="cat-item cat-item-1"><a href="http://freeonlineprogrammingtutorials.com/category/uncategorized" title="View all posts filed under Uncategorized">Uncategorized</a> </li> <li class="cat-item cat-item-107"><a href="http://freeonlineprogrammingtutorials.com/category/web-hosting" title="View all posts filed under Web Hosting">Web Hosting</a> </li> <li class="cat-item cat-item-49"><a href="http://freeonlineprogrammingtutorials.com/category/xml" title="View all posts filed under XML">XML</a> </li> </ul> <br/>   <h2>  Archives</h2> <ul>     <li><a href='http://freeonlineprogrammingtutorials.com/2012/03' title='March 2012'>March 2012</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2012/02' title='February 2012'>February 2012</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2012/01' title='January 2012'>January 2012</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2011/12' title='December 2011'>December 2011</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2011/11' title='November 2011'>November 2011</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2011/08' title='August 2011'>August 2011</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2011/07' title='July 2011'>July 2011</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2011/04' title='April 2011'>April 2011</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2011/03' title='March 2011'>March 2011</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2011/02' title='February 2011'>February 2011</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2010/11' title='November 2010'>November 2010</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2010/10' title='October 2010'>October 2010</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2010/09' title='September 2010'>September 2010</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2010/08' title='August 2010'>August 2010</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2010/06' title='June 2010'>June 2010</a></li> <li><a href='http://freeonlineprogrammingtutorials.com/2010/05' title='May 2010'>May 2010</a></li> </ul> <br/> </ul> </div> </div> <!-- begin footer --> <div id="footer"> © 2008-2011 <a href="http://freeonlineprogrammingtutorials.com">Online Computer Programming Classes</a> & <a href="http://www.c-cplusplus.com/">Online C Programming</a> - Marketed by <a href="http://www.webfosys.com/" title="Top Seo Company - Webfosys Networks ">Top SEO Company</a> <div id="credit"></div> </div> </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-5615855-10']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>