Saturday, November 15, 2008

Frequently Asked Questions

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

Do You Want to Try It?

If you are running Windows, start Notepad.

If you are on a Mac, start SimpleText.

In OSX start TextEdit and change the following preferences: Open the the "Format" menu and select "Plain text" instead of "Rich text". Then open the "Preferences" window under the "Text Edit" menu and select "Ignore rich text commands in HTML files". Your HTML code will probably not work if you do not change the preferences above!

Type in the following text:

Title of page
This is my first homepage. This text is bold

Save the file as "mypage.htm".

Start your Internet browser. Select "Open" (or "Open Page") in the File menu of your browser. A dialog box will appear. Select "Browse" (or "Choose File") and locate the HTML file you just created - "mypage.htm" - select it and click "Open". Now you should see an address in the dialog box, for example "C:\MyDocuments\mypage.htm". Click OK, and the browser will display the page.


Example Explained

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.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The text between the <body> tags is the text that will be displayed in your browser.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">The text between the <b> and </b> tags will be displayed in a bold font.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">HTM or HTML Extension?<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">When you save an HTML file, you can use either the .htm or the .html extension. We have used .htm in our examples. It might be a bad habit inherited from the past when some of the commonly used software only allowed three letter extensions.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">With newer software we think it will be perfectly safe to use .html.<o:p></o:p></span></p> <h2><span style="font-size: 10pt;" lang="EN-US">Note on HTML Editors:<o:p></o:p></span></h2> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">You can easily edit HTML files using a WYSIWYG (what you see is what you get) editor like FrontPage or Dreamweaver, instead of writing your markup tags in a plain text file.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">However, if you want to be a skillful Web developer, we strongly recommend that you use a plain text editor to learn your primer HTML.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US"> <br /><o:p></o:p></span></h2> <p><b><span style="font-size: 8.5pt; color: black;" lang="EN-US">Q: After I have edited an HTML file, I cannot view the result in my browser. Why? <br />A: </span></b><span style="font-size: 8.5pt; color: black;" lang="EN-US">Make sure that you have saved the file with a proper name and extension like "c:\mypage.htm". Also make sure that you use the same name when you open the file in your browser. <o:p></o:p></span></p> <p><b><span style="font-size: 8.5pt; color: black;" lang="EN-US">Q: I have edited an HTML file, but the changes don't show in the browser. Why? <br />A: </span></b><span style="font-size: 8.5pt; color: black;" lang="EN-US">A browser caches pages so it doesn't have to read the same page twice. When you have modified a page, the browser doesn't know that. Use the browser's refresh/reload button to force the browser to reload the page. <o:p></o:p></span></p> <p><b><span style="font-size: 8.5pt; color: black;" lang="EN-US">Q: What browser should I use? <br />A: </span></b><span style="font-size: 8.5pt; color: black;" lang="EN-US">You can do all the training with all of the well-known browsers, like Internet Explorer, Firefox, Netscape, or Opera. However, some of the examples in our advanced classes require the latest versions of the browsers.<o:p></o:p></span></p> <p><b><span style="font-size: 8.5pt; color: black;" lang="EN-US">Q: Does my computer have to run Windows? What about a Mac? <br />A: </span></b><span style="font-size: 8.5pt; color: black;" lang="EN-US">You can do all your training on a non-Windows computer like a Mac.<o:p></o:p></span></p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/11533458660230230361' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/11533458660230230361' rel='author' title='author profile'> <span itemprop='name'>Sumedh</span> </a> </span> </span> <span class='post-timestamp'> at <meta content='http://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html' itemprop='url'/> <a class='timestamp-link' href='http://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2008-11-15T20:41:00-08:00'>8:41 PM</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='post-comment-link'> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-2106088809'> <a href='https://www.blogger.com/post-edit.g?blogID=1868795505004018979&postID=5454393288643415224&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> Labels: <a href='http://htmlfaq.blogspot.com/search/label/FAQ%27s' rel='tag'>FAQ's</a>, <a href='http://htmlfaq.blogspot.com/search/label/HTML' rel='tag'>HTML</a> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No comments:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <a href='https://www.blogger.com/comment.g?blogID=1868795505004018979&postID=5454393288643415224' onclick=''>Post a Comment</a> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> <div class='inline-ad'> <script type="text/javascript"><!-- google_ad_client="pub-4684889708406489"; google_ad_host="pub-1556223355139109"; google_ad_host_channel="00000"; google_ad_width=300; google_ad_height=250; google_ad_format="300x250_as"; google_ad_type="text_image"; google_color_border="FFFFFF"; google_color_bg="FFFFFF"; google_color_link="BB3300"; google_color_url="999999"; google_color_text="000000"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://htmlfaq.blogspot.com/2008/11/html-tutorial.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://htmlfaq.blogspot.com/2008/08/dhtml-tutorial.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='http://htmlfaq.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='http://htmlfaq.blogspot.com/feeds/5454393288643415224/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> <script type='text/javascript'> window.___gcfg = { 'lang': 'en' }; </script> </div><div class='widget HTML' data-version='1' id='HTML2'> <div class='widget-content'> <script type="text/javascript"><!-- ch_client = "Sumedh"; ch_type = "mpu"; ch_width = 468; ch_height = 180; ch_non_contextual = 4; ch_vertical ="premium"; ch_sid = "Chitika Premium"; var ch_queries = new Array( ); var ch_selected=Math.floor((Math.random()*ch_queries.length)); if ( ch_selected < ch_queries.length ) { ch_query = ch_queries[ch_selected]; } //--></script> <script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> <div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>Search</h2> <div class='widget-content'> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div><div class='widget BlogList' data-version='1' id='BlogList1'> <h2 class='title'>My Blog List</h2> <div class='widget-content'> <div class='blog-list-container' id='BlogList1_container'> <ul id='BlogList1_blogs'> </ul> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogList&widgetId=BlogList1&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogList1"));' target='configBlogList1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><div class='widget BlogSearch' data-version='1' id='BlogSearch1'> <h2 class='title'>Search This Blog</h2> <div class='widget-content'> <div id='BlogSearch1_form'> <form action='http://htmlfaq.blogspot.com/search' class='gsc-search-box' target='_top'> <table cellpadding='0' cellspacing='0' class='gsc-search-box'> <tbody> <tr> <td class='gsc-input'> <input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/> </td> <td class='gsc-search-button'> <input class='gsc-search-button' title='search' type='submit' value='Search'/> </td> </tr> </tbody> </table> </form> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogSearch&widgetId=BlogSearch1&action=editWidget§ionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogSearch1"));' target='configBlogSearch1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div><div class='widget Subscribe' data-version='1' id='Subscribe1'> <div style='white-space:nowrap'> <h2 class='title'>Subscribe To</h2> <div class='widget-content'> <div class='subscribe-wrapper subscribe-type-POST'> <div class='subscribe expanded subscribe-type-POST' id='SW_READER_LIST_Subscribe1POST' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Posts </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlfaq.blogspot.com/feeds/posts/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Posts </span> </span> </div> <div class='bottom'></div> </div> </div> <div class='subscribe-wrapper subscribe-type-PER_POST'> <div class='subscribe expanded subscribe-type-PER_POST' id='SW_READER_LIST_Subscribe1PER_POST' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Comments </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F5454393288643415224%2Fcomments%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F5454393288643415224%2Fcomments%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlfaq.blogspot.com/feeds/5454393288643415224/comments/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1PER_POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Comments </span> </span> </div> <div class='bottom'></div> </div> </div> <div style='clear:both'></div> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Subscribe&widgetId=Subscribe1&action=editWidget§ionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("Subscribe1"));' target='configSubscribe1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='sidebar section' id='sidebar-right-2-1'><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <script type="text/javascript"> ch_fluidH = 1; ch_nump = "4"; ch_client = "sumedhds"; ch_width = 200; ch_height = "auto"; 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> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML3&action=editWidget§ionId=sidebar-right-2-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> </td> <td class='columns-cell'> <div class='sidebar section' id='sidebar-right-2-2'><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2009/01/'> January </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/'> 2008 </a> <span class='post-count' dir='ltr'>(23)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/12/'> December </a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/11/'> November </a> <span class='post-count' dir='ltr'>(13)</span> <ul class='posts'> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-40-standard-attributes.html'>HTML 4.0 Standard Attributes</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-scripts.html'>HTML Scripts</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-uniform-resource-locators.html'>HTML Uniform Resource Locators</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-meta.html'>HTML Meta</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-head.html'>HTML Head</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-styles.html'>HTML Styles</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/why-use-html-40.html'>Why use HTML 4.0?</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-layout.html'>HTML Layout</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-editing-programs.html'>HTML Editing Programs</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/creating-pages-with-html.html'>Creating Pages With HTML</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-forms-and-input.html'>HTML Forms and Input</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-tutorial.html'>HTML Tutorial</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html'>Frequently Asked Questions</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/08/'> August </a> <span class='post-count' dir='ltr'>(8)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=sidebar-right-2-2' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));' target='configBlogArchive1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div> </div> </td> </tr> </tbody> </table> <div class='sidebar section' id='sidebar-right-3'><div class='widget Label' data-version='1' id='Label1'> <h2>Labels</h2> <div class='widget-content list-label-widget-content'> <ul> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/DOM'>DOM</a> <span dir='ltr'>(1)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/FAQ%27s'>FAQ's</a> <span dir='ltr'>(2)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/HTML'>HTML</a> <span dir='ltr'>(23)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/HTML%20Tutorial'>HTML Tutorial</a> <span dir='ltr'>(11)</span> </li> </ul> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Label&widgetId=Label1&action=editWidget§ionId=sidebar-right-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div></div> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot no-items section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Simple theme. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Attribution&widgetId=Attribution1&action=editWidget§ionId=footer-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));' target='configAttribution1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3863139539-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY45ZY794M5F7k2j5GNtUb2v79UhxQ:1500705381841';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1868795505004018979','//htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html','1868795505004018979'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1868795505004018979', 'title': 'HTML Faq\x27s - HTML Interview Questions And Answer', 'url': 'http://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html', 'canonicalUrl': 'http://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html', 'homepageUrl': 'http://htmlfaq.blogspot.com/', 'searchUrl': 'http://htmlfaq.blogspot.com/search', 'canonicalHomepageUrl': 'http://htmlfaq.blogspot.com/', 'blogspotFaviconUrl': 'http://htmlfaq.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22http://htmlfaq.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - RSS\x22 href\x3d\x22http://htmlfaq.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1868795505004018979/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22http://htmlfaq.blogspot.com/feeds/5454393288643415224/comments/default\x22 /\x3e\n', 'meTag': '', 'openIdOpTag': '', 'adsenseClientId': 'ca-pub-4684889708406489', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'ieCssRetrofitLinks': '\x3c!--[if IE]\x3e\x3cscript type\x3d\x22text/javascript\x22 src\x3d\x22https://www.blogger.com/static/v1/jsbin/3832463125-ieretrofit.js\x22\x3e\x3c/script\x3e\n\x3c![endif]--\x3e', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d11edf3f68fa7b7e', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Google+', 'key': 'googlePlus', 'shareMessage': 'Share to Google+', 'target': 'googleplus'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5454393288643415224', 'pageName': 'Frequently Asked Questions', 'pageTitle': 'HTML Faq\x27s - HTML Interview Questions And Answer: Frequently Asked Questions'}}, {'name': 'features', 'data': {'unsupported_browser_message': 'false', 'lightbox_img_parsing': 'false', 'sharing_get_link_dialog': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'Simple', 'localizedName': 'Simple', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'pale', 'variantId': 'pale', 'variantName': 'Pale', 'localizedVariantName': 'Pale'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Frequently Asked Questions', 'description': ' What is an HTML File? HTML stands for H yper T ext M arkup L anguage An HTML file is a text file containing small markup tags ...', 'url': 'http://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5454393288643415224}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'main', null, document.getElementById('AdSense3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2709796370-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'main', null, document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', null, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogListView', new _WidgetInfo('BlogList1', 'main', null, document.getElementById('BlogList1'), {'numItemsToShow': 0, 'totalItems': 0}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-right-1', null, document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', null, document.getElementById('Subscribe1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-2-1', null, document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-2-2', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-right-3', null, document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>