Friday, August 1, 2008

HTML

Text Formatting List

Valid Tags
From this
You get this
Denotes an abbreviation, use the title attribute to give the full meaning.
[html4] — not yet fully supported
From this
You get this
Much the same as the one above, really. The difference is between abbreviations and acronyms. And you can look that up yourself.
[html4] — not yet fully supported
From this

You get this
You're supposed to put this around your name, address or email address on your pages. Pff.
From this
You get this
The simple bold tag.
From this
You get this
If your text is meant to be read right-to-left (like Hebrew, or something), using this tag and the attribute dir="rtl" tells the browser this.
[html4] — not yet fully supported
From this
You get this
A quick way to increase the font size by one.
From this

You get this
Indents the whole block of text in from both sides and adds line-breaks top and bottom. Use for long quotations.
From this
You get this
Shows a citation (the title of a work that you're quoting or referencing).
From this
You get this
Sets text off as code, used for examples of source code. Usually rendered as mono-spaced text.
From this
You get this
Stands for deleted text, and visually appears with a strike-through.
[html4]
From this
You get this
Denotes a definition.
[html4] — not yet fully supported
From this

You get this
Sets a block of your page off on its own. Mainly used with stylesheet commands and to create layers.
[html4]
From this
You get this
Creates emphasis on the selected text.

From this


You get this
Creates headings. There are 6 levels of heading, from h1 to h6.
From this
You get this
The basic italic tag.
From this
You get this
Stands for inserted text. You are meant to use this in conjunction with the del tag.
[html4]
From this
You get this
Surrounds text that is supposed to be entered by the reader on their keyboard.
From this

You get this
Stands for Preformatted text. If you wrap this around some text, it will follow the form of the text in your code — i.e. no extra formatting needs to be put in. If you have spaced it out in your code, it will appear spaced out on your page.
[html4]
From this
You get this
Used for smaller, inline quotations (as opposed to a blockquote). Adds quotation marks around the text. Cool.
[html4] — not yet fully supported
From this
You get this
Stands for sample, and is used when you're using an example, usually of an output from a program.
From this
You get this
Simple tag to drop the font size by one.
From this
You get this
New tag to be used in conjunction with stylesheets. Similar to the div tag, but span only affects the text it is wrapped around, div affects the entire horizontal section.
[html4]
From this
You get this
Makes the text bold.
From this
You get this
Renders the text in sub-script, below the normal line.
From this
You get this
Renders the text in super-script, above the normal line.
From this
You get this
Makes the text 'typewriter text', and sets it in a mono-spaced font.
From this
You get this
Used to denote variables in equations.
Deprecated and Dead Tags
Here for completeness, since you may have heard of them, are the troupe of tags that have been deprecated or been rendered defunct by more modern specifications. Don't use any of these tags, there are better ways.

Putting one of these in the of your documents would change the base colour and size that all further font tags are based on. It's been superseded by stylesheets, with their greater text formatting abilities, so don't use it.
[html4] — deprecated

Makes the text blink on and off, but only to the delight of Netscape users. Possibly the most maligned tag to ever hit the web.
[Netscape] — extension tag, not in any official specification.


</div></div></div>
<br />
<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/18160778375527288819' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/18160778375527288819' rel='author' title='author profile'>
<span itemprop='name'>suresh</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://suresh-cpl.blogspot.com/2008/08/html.html' itemprop='url'/>
<a class='timestamp-link' href='http://suresh-cpl.blogspot.com/2008/08/html.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2008-08-01T21:16:00-07:00'>9:16&#8239;PM</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-33337977'>
<a href='https://www.blogger.com/post-edit.g?blogID=2659516346628411394&postID=8441539263056279267&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'>
</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/fullpage/post/2659516346628411394/8441539263056279267' onclick=''>Post a Comment</a>
</p>
</div>
</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://suresh-cpl.blogspot.com/2008/08/special-characters-by-ross-shannon.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://suresh-cpl.blogspot.com/2008/07/wipro-interview-questions.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a>
</span>
<a class='home-link' href='http://suresh-cpl.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://suresh-cpl.blogspot.com/feeds/8441539263056279267/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget AdSense' data-version='1' id='AdSense2'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client="pub-9779222871801518";
google_ad_host="pub-1556223355139109";
google_ad_host_channel="00000";
google_ad_width=180;
google_ad_height=150;
google_ad_format="180x150_as";
google_ad_type="text";
google_color_border="FEEEF3";
google_color_bg="FEEEF3";
google_color_link="BA476B";
google_color_url="96095A";
google_color_text="BA476B";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class='clear'></div>
</div>
</div><div class='widget BloggerButton' data-version='1' id='BloggerButton1'>
<div class='widget-content'>
<a href='https://www.blogger.com'><img alt='Powered By Blogger' src='https://www.blogger.com/buttons/blogger-simple-kahki.gif'/></a>
<div class='clear'></div>
</div>
</div><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 expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        &#9660;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://suresh-cpl.blogspot.com/2008/'>
2008
</a>
<span class='post-count' dir='ltr'>(44)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://suresh-cpl.blogspot.com/2008/07/'>
July
</a>
<span class='post-count' dir='ltr'>(14)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        &#9660;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://suresh-cpl.blogspot.com/2008/08/'>
August
</a>
<span class='post-count' dir='ltr'>(15)</span>
<ul class='posts'>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/html.html'>HTML</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/special-characters-by-ross-shannon.html'>Special Characters
by Ross Shannon
There is a huge...</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/named-colors.html'>Named colors</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/webmaster-glossary.html'>WEBMASTER GLOSSARY</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/browser-support.html'>Browser Support</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/html-4.html'>HTML 4</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/xhtml.html'>XHTML</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/book-has-been-translated-into-many.html'>The book has been translated into many languages, ...</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/using-record-binds-for-sql-in-plsql.html'>Using RECORD binds for SQL in PL/SQL programsBackr...</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/java-java-persistence-api-jpa-which-is.html'> JAVAThe Java Persistence API (JPA), which is part...</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/microsoft-releases-sql-server-2008-sql.html'>Microsoft Releases SQL Server 2008SQL Server 2008 ...</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/about-java.html'>About JAVA</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/java-interview-questions.html'>JAVA Interview Questions</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/c-aptitude-questions-and-answers.html'>C Aptitude Questions and Answers</a></li>
<li><a href='http://suresh-cpl.blogspot.com/2008/08/c-programming-tutorials-data-structures.html'>C++ Programming Tutorials

Data Structures
We have...</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://suresh-cpl.blogspot.com/2008/09/'>
September
</a>
<span class='post-count' dir='ltr'>(9)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://suresh-cpl.blogspot.com/2008/11/'>
November
</a>
<span class='post-count' dir='ltr'>(6)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/18160778375527288819'><img alt='My photo' class='profile-img' height='67' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWvGqEqIYHPu4wkEvtzsCxJMOeEqJ9YPmk2h3xE0VzA_seWDmEcKUI0fAW9qZ1ak9UURIfyYuA-R5lnBZ6PWFM5NYv2WXwsxyqfHrWjkv650Fda45Jx8wlGGL909dVoPE/s220/Z1rjngqq.jpg' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/18160778375527288819' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
suresh
</a>
</dt>
<dd class='profile-textblock'>i'm cool...........</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/18160778375527288819' rel='author'>View my complete profile</a>
<div class='clear'></div>
</div>
</div></div>
</div>
<div id='footer-wrapper'>
<div class='footer section' id='footer'><div class='widget AdSense' data-version='1' id='AdSense1'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client="pub-9779222871801518";
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="BD8095";
google_color_bg="FEEEF3";
google_color_link="632035";
google_color_url="C88FA2";
google_color_text="BA476B";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class='clear'></div>
</div>
</div></div>
</div>
</div>
</div></div></div></div>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZp00MjX8Wpp6XXemMReE60c:1780978486795';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2659516346628411394','//suresh-cpl.blogspot.com/2008/08/html.html','2659516346628411394');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2659516346628411394', 'title': 'CPL', 'url': 'http://suresh-cpl.blogspot.com/2008/08/html.html', 'canonicalUrl': 'http://suresh-cpl.blogspot.com/2008/08/html.html', 'homepageUrl': 'http://suresh-cpl.blogspot.com/', 'searchUrl': 'http://suresh-cpl.blogspot.com/search', 'canonicalHomepageUrl': 'http://suresh-cpl.blogspot.com/', 'blogspotFaviconUrl': 'http://suresh-cpl.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\x22CPL - Atom\x22 href\x3d\x22http://suresh-cpl.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22CPL - RSS\x22 href\x3d\x22http://suresh-cpl.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22CPL - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2659516346628411394/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22CPL - Atom\x22 href\x3d\x22http://suresh-cpl.blogspot.com/feeds/8441539263056279267/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-9779222871801518', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/ff2fc60a7f0d8424', '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': '8441539263056279267', 'pageName': 'HTML', 'pageTitle': 'CPL: HTML'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'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', 'description': 'Text Formatting List\r \r Valid Tags\r From this \r You get this\r Denotes an abbreviation, use the title attribute  to give the full meaning.\r [...', 'url': 'http://suresh-cpl.blogspot.com/2008/08/html.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8441539263056279267}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1053750561-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense2', 'sidebar', document.getElementById('AdSense2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'sidebar', document.getElementById('BloggerButton1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'footer', document.getElementById('AdSense1'), {}, 'displayModeFull'));
</script>
</body>
</html>