HTML defines a lot of elements for formatting output, like bold or italic text.
Below are a lot of examples that you can try out yourself:
Examples
Text formattingThis example demonstrates how you can format text in an HTML document.
Preformatted textThis example demonstrates how you can control the line breaks and spaces with the pre tag.
"Computer output" tagsThis example demonstrates how different "computer output" tags will be displayed.
AddressThis example demonstrates how to write an address in an HTML document.
Abbreviations and acronymsThis example demonstrates how to handle an abbreviation or an acronym.
Text directionThis example demonstrates how to change the text direction.
QuotationsThis example demonstrates how to handle long and short quotations.
Deleted and inserted textThis example demonstrates how to mark a text that is deleted or inserted to a document.
How to View HTML Source
Have you ever seen a Web page and wondered "Hey! How did they do that?"
To find out, click the VIEW option in your browser's toolbar and select SOURCE or PAGE SOURCE. This will open a window that shows you the HTML code of the page.
Text Formatting Tags
Tag
Description
Defines bold text
Defines big text
Defines emphasized text
Defines italic text
Defines small text
Defines strong text
Defines subscripted text
Defines superscripted text
Defines inserted text
Defines deleted text
Deprecated. Use instead
Deprecated. Use instead
Deprecated. Use styles instead
"Computer Output" Tags
Tag
Description
Defines computer code text
Defines keyboard text
Defines sample computer code
Defines teletype text
Defines a variable
Defines preformatted text
Deprecated. Use instead
<![CDATA[
<br />Deprecated. Use <pre> instead
<br /><xmp>
<br />Deprecated. Use <pre> instead
<br />Citations, Quotations, and Definition Tags
<br />Tag
<br />Description
<br /><a href="http://www.w3schools.com/tags/tag_abbr.asp"><abbr></a>
<br />Defines an abbreviation
<br /><a href="http://www.w3schools.com/tags/tag_acronym.asp"><acronym></a>
<br />Defines an acronym
<br /><a href="http://www.w3schools.com/tags/tag_address.asp"><address></a>
<br />Defines an address element
<br /><a href="http://www.w3schools.com/tags/tag_bdo.asp"><bdo></a>
<br />Defines the text direction
<br /><a href="http://www.w3schools.com/tags/tag_blockquote.asp"><blockquote></a>
<br />Defines a long quotation
<br /><a href="http://www.w3schools.com/tags/tag_q.asp"><q></a>
<br />Defines a short quotation
<br /><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><cite></a>
<br />Defines a citation
<br /><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><dfn></a>
<br />Defines a definition term</div></div></div></div></div></div>
<br /></p>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
</span>
</div>
<div class='entryclose'></div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h2>
0
comments:
</h2>
<dl id='comments-block'>
</dl>
<p class='comment-footer'>
<a href='https://www.blogger.com/comment/fullpage/post/8837880145087714569/6176377368956558760' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>Post a Comment</a>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://abctutorials.blogspot.com/2008/02/html-character-entities.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://abctutorials.blogspot.com/2008/02/html-attributes.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a>
</span>
<a class='home-link' href='http://abctutorials.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML5'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client = "pub-1112325522634372";
google_ad_host = "pub-1556223355139109";
google_ad_host_channel="00000";
/* 300x250, created 02/07/09 */
google_ad_slot = "9585937225";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML7'>
<div class='widget-content'>
<form id="cse-search-box" action="http://www.google.com/cse">
<div>
<input value="partner-pub-1112325522634372:xvn76wvz398" name="cx" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input name="q" size="31" type="text"/>
<input value="Search" name="sa" type="submit"/>
</div>
</form>
<script src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en" type="text/javascript"></script>
</div>
<div class='clear'></div>
</div></div>
</div>
<div id='sidebar'>
<div class='rsidebar section' id='rsidebar'><div class='widget Image' data-version='1' id='Image1'>
<div class='widget-content'>
<a href='http://www.you4dating.com'>
<img alt='' height='61' id='Image1_img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQeqO5frqi-9qRmbbxNNMnsjwc4Ki2nn7Us6qGsO92g7JIORogzn2foDAiELifmbkr86wn0JHLxGzbJKmIt1owVPNq33WsTsWAdUGwmZzELidvs8N4scRsbDjd3qa1rnjJ0tGex98T4CfZ/s171/you4dating.png' width='171'/>
</a>
<br/>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client = "pub-1112325522634372";
google_ad_host = "pub-1556223355139109";
google_ad_host_channel="00000";
/* 160x90, created 28/06/09 */
google_ad_slot = "1269279325";
google_ad_width = 160;
google_ad_height = 90;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
</div>
<div class='clear'></div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//abctutorials.blogspot.com/2008/02/html-text-formatting.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1199174400000&toggleopen=MONTHLY-1201852800000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='http://abctutorials.blogspot.com/2008/'>2008</a>
<span class='post-count' dir='ltr'>(29)</span>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//abctutorials.blogspot.com/2008/02/html-text-formatting.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1201852800000&toggleopen=MONTHLY-1201852800000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='http://abctutorials.blogspot.com/2008/02/'>February</a>
<span class='post-count' dir='ltr'>(29)</span>
<ul class='posts'>
<li><a href='http://abctutorials.blogspot.com/2008/02/adsense-secrets-live-with-joel-comm-5.html'>-AdSense Secrets Live with Joel Comm #5</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/adsense-secrets-live-with-joel-comm-4.html'>-AdSense Secrets Live with Joel Comm #4</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/adsense-secrets-live-with-joel-comm-1.html'>-AdSense Secrets Live with Joel Comm #1</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/adsense-tips-joel-comm-live.html'>-AdSense Tips - Joel Comm Live</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/types-of-websites-adsense-secrets.html'>-Types of Websites - AdSense Secrets</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/adsense-mistakes.html'>-AdSense Mistakes</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/adding-google-adsense-to-blogger-blog.html'>-Adding Google adSense to a Blogger Blog</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/blogging-and-google-adsense.html'>-Blogging and Google AdSense</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/how-to-make-money-with-google-adsense.html'>-How to make money with Google adsense</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-color-names.html'>-HTML Color Names</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-color-values.html'>-HTML Color Values</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-colors.html'>-HTML Colors</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-backgrounds.html'>-HTML Backgrounds</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-images.html'>-HTML Images</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-forms-and-input.html'>-HTML Forms and Input</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-lists.html'>-HTML Lists</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-tables.html'>-HTML Tables</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-frames.html'>-HTML Frames</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-links.html'>-HTML Links</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-character-entities.html'>-HTML Character Entities</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-text-formatting.html'>-HTML Text Formatting</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-attributes.html'>-HTML Attributes</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/basic-html-tags.html'>-Basic HTML Tags</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/html-elements.html'>-HTML Elements</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/introduction-to-html.html'>-Introduction to HTML</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/how-to-build-website.html'>-How to build a website</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/how-to-create-blog-with-blogger.html'>-How to create a blog with Blogger</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/dreamweaver-tutorial-create-basic.html'>-Dreamweaver Tutorial - Create a basic Webpage Ins...</a></li>
<li><a href='http://abctutorials.blogspot.com/2008/02/basic-html-and-css-tutorial.html'>-Basic HTML and CSS Tutorial</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Followers</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers/frame/8837880145087714569?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3den\x26origin\x3dhttp://abctutorials.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/8837880145087714569?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3den\x26origin\x3dhttp://abctutorials.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML1'>
<div class='widget-content'>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input value="_s-xclick" name="cmd" type="hidden"/>
<input value="-----BEGIN PKCS7-----MIIHbwYJKoZIhvcNAQcEoIIHYDCCB1wCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYBsmC0ef01wJSAhpHRhEcAkuAQN+XIYBdR3/Cu2byYCuncRp+mevxBBblFBVmm+/ocebprkJfAw+zhZNmwVHvad9pTa1Q6asOzHULSYLsfZJh1APOSq1QyRETaOGPIY/9eTCnKBQk+JWz11WLqRIAyYEHOMM2eMRQujSs5vvmDWDTELMAkGBSsOAwIaBQAwgewGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIuoyLbVRodiiAgcgA3koHmdIDfrI1kScJcFrYHvhiFYbVQE6GEy4bMLV7bVCHZMGi1y+ZLMnN1a0ya6JWUAHWkVY10jdiF8Nfr4e9eZTyYLWnXkVyxaoleo3H0aq34TKtALlzecj3CapZpaTWFnbB6fc3v/9IlhkcLvnOby5LBmT4c1Vk9OnGXM8JlOz0+vaZsQG2Aqe2lDW6Ot6rrHWcxh05WXkvDBMB7wtF7VLOfgdSwm1a/8zodlLMeez9GWt+L00cn/TN6EJ7wtQNJJ3B2akV6KCCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTA5MDUwNjIwNDgzN1owIwYJKoZIhvcNAQkEMRYEFFW6KAwNMJttITu0GqhPET/hTefUMA0GCSqGSIb3DQEBAQUABIGAa+EN4trTGSZZ/JW9Q4JsbLz6UGT8m1ECKq2yyXnezsgY2MnwGEfVSWZqKC7t1jmgHaiwGlNsRanWpjvehx7GvPKvJV+i9QyaT7T1+3++SQJe70sIWAtyb5rsPlMwrP06swktL2Sseo9qVmGFYIvDkq9MdOuX99serON3n8epPUA=-----END PKCS7-----
" name="encrypted" type="hidden"/>
<input border="0" alt="PayPal - The safer, easier way to pay online." src="https://www.paypal.com/en_GB/i/btn/btn_donateCC_LG.gif" name="submit" type="image"/>
<img border="0" alt="" width="1" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" height="1"/>
</form>
</div>
<div class='clear'></div>
</div><div class='widget Subscribe' data-version='1' id='Subscribe2'>
<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_Subscribe2POST' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe2POST"));'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.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%2Fabctutorials.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fabctutorials.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='http://abctutorials.blogspot.com/feeds/posts/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Atom
</a>
</div>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe2POST' onclick='return(_SW_toggleReaderList(event, "Subscribe2POST"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe2POST"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.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_Subscribe2PER_POST' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe2PER_POST"));'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.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%2Fabctutorials.blogspot.com%2Ffeeds%2F6176377368956558760%2Fcomments%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fabctutorials.blogspot.com%2Ffeeds%2F6176377368956558760%2Fcomments%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='http://abctutorials.blogspot.com/feeds/6176377368956558760/comments/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/>
Atom
</a>
</div>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe2PER_POST' onclick='return(_SW_toggleReaderList(event, "Subscribe2PER_POST"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe2PER_POST"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.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>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<!-- Please don't remove the credits below. We worked many hours to make this beautiful template available free for you. All we ask is to keep the links below intact ThemeLib -->
<div id='footer'></div>
<div id='footerbox'>
<div class='footer'><p> 2008 - <a href='http://abctutorials.blogspot.com/'>Video Tutorials! Build Your Website</a>
<br/><a href='http://www.themelab.com' title='Free WordPress Themes'></a><br/><a href='http://www.xhtmlvalid.com'></a><br/><br/><a href='http://themelib.com/2008/06/rainbow-dreams-colorful-blogger-template'></a><a href='http://themelib.com'></a>
</p></div></div>
</div></div>
<!-- end outer-wrapper -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/745881458-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7dZpF3T6csX_Jciy9Xmysiok-ntg:1735113964374';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8837880145087714569','//abctutorials.blogspot.com/2008/02/html-text-formatting.html','8837880145087714569');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8837880145087714569', 'title': 'Video Tutorials! Build Your Website', 'url': 'http://abctutorials.blogspot.com/2008/02/html-text-formatting.html', 'canonicalUrl': 'http://abctutorials.blogspot.com/2008/02/html-text-formatting.html', 'homepageUrl': 'http://abctutorials.blogspot.com/', 'searchUrl': 'http://abctutorials.blogspot.com/search', 'canonicalHomepageUrl': 'http://abctutorials.blogspot.com/', 'blogspotFaviconUrl': 'http://abctutorials.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, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Video Tutorials! Build Your Website - Atom\x22 href\x3d\x22http://abctutorials.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Video Tutorials! Build Your Website - RSS\x22 href\x3d\x22http://abctutorials.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Video Tutorials! Build Your Website - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8837880145087714569/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Video Tutorials! Build Your Website - Atom\x22 href\x3d\x22http://abctutorials.blogspot.com/feeds/6176377368956558760/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'pub-1112325522634372', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/361ce9cf7a112c52', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, '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': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, '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': '6176377368956558760', 'pageName': '-HTML Text Formatting', 'pageTitle': 'Video Tutorials! Build Your Website: -HTML Text Formatting'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'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': '-HTML Text Formatting', 'description': 'HTML defines a lot of elements for formatting output, like bold or italic text.\r Below are a lot of examples that you can try out yourself:\r...', 'url': 'http://abctutorials.blogspot.com/2008/02/html-text-formatting.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6176377368956558760}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'entry', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'entry', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'entry', document.getElementById('Text1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'entry', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'entry', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3846405171-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'entry', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'entry', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'rsidebar', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'rsidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'rsidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'rsidebar', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'rsidebar', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe2', 'rsidebar', document.getElementById('Subscribe2'), {}, 'displayModeFull'));
</script>
</body>
</html>]]></plaintext></pre></listing></del></del></p></div></div>