Go Back   Wiki NewForum > Career Forum (Documents/Tutorials/Advice) > Tech Forum & Tutorial > HTML Forum & Tutorial

Sponsored Links

HTML Forum & Tutorial End-To-End Process HTML / XHTML / CSS

Reply
Views: 949 Source: CNN18.com, India-Forums, TellyChakkar, India, Times of India, Youtube, BollywoodLife, Rediff  
Thread Tools Rating: Thread Rating: 2 votes, 5.00 average. Display Modes
  #1  
Old 05-03-2009, 11:40 AM
welcomewiki welcomewiki is offline
Member
 
Join Date:
Dec 2008
Location:
India
Posts: 39,145
Default HTML Text Formatting

HTML Text Formatting

This text is bold

This text is big

This text is italic

This is computer output

This is subscript and superscript

HTML Formatting Tags

HTML uses tags like and for formatting output, like bold or italic text.
These HTML tags are called formatting tags.
Refer to the bottom of this page for a complete reference.
Try it Yourself - Examples

Text formatting
This example demonstrates how you can format text in an HTML document.
Preformatted text
This example demonstrates how you can control the line breaks and spaces with the pre tag.
"Computer output" tags
This example demonstrates how different "computer output" tags will be displayed.
Address
This example demonstrates how to write an address in an HTML document.
Abbreviations and acronyms
This example demonstrates how to handle an abbreviation or an acronym.
Text direction
This example demonstrates how to change the text direction.
Quotations
This example demonstrates how to handle long and short quotations.
Deleted and inserted text
This example demonstrates how to mark a text that is deleted or inserted to a document.
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     Deprecated. Use <pre> instead   <xmp> Deprecated. Use <pre> instead    <b>Citations, Quotations, and Definition Tags</b><br />
<br />
   Tag Description   <abbr> Defines an abbreviation   <acronym> Defines an acronym   <address> Defines an address element   <bdo> Defines the text direction   <blockquote>  Defines a long quotation   <q> Defines a short quotation   <cite> Defines a citation   <dfn> Defines a definition term<br /><br /><div class='aionets_similar_threads' style='padding-top:10px;width:98%;font-weight:bold'>Similar Threads:<ul style='padding:0;margin-right:8px;margin-left:8px'><li> <a href="showthread.php?t=4498" title="Forum: SAP End-to-End Implementation ">Topic 22: Changing WAGE TYPE text</a></li><li> <a href="showthread.php?t=5776" title="Forum: HTML Forum &amp; Tutorial ">HTML Headings</a></li><li> <a href="showthread.php?t=5775" title="Forum: HTML Forum &amp; Tutorial ">HTML Attributes</a></li><li> <a href="showthread.php?t=5774" title="Forum: HTML Forum &amp; Tutorial ">HTML Elements</a></li></ul></div>
		</div>
		<!-- / message -->

		

		
		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 2018-LINKS -->
<ins class="adsbygoogle"
     style="display:inline-block;width:180px;height:90px"
     data-ad-client="ca-pub-1772210986915092"
     data-ad-slot="5750979426"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

		

		

		

		<div style="margin-top: 10px" align="right">
			<!-- controls -->
			
			
			
				<a href="newreply.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;do=newreply&amp;p=18075" rel="nofollow"><img src="images/buttons/quote.gif" alt="Reply With Quote" border="0" /></a>
			
			
			
			
			
			
			
				
			
			
			<!-- / controls -->
		</div>

	<!-- message, attachments, sig -->

	</td>
</tr>
</table>


 
<!-- post 18075 popup menu -->
<div class="vbmenu_popup" id="postmenu_18075_menu" style="display:none;">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">welcomewiki</td>
	</tr>
	
		<tr><td class="vbmenu_option"><a href="member.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;u=1">View Public Profile</a></td></tr>
	
	
		<tr><td class="vbmenu_option"><a href="private.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;do=newpm&amp;u=1" rel="nofollow">Send a private message to welcomewiki</a></td></tr>
	
	
	
		<tr><td class="vbmenu_option"><a href="http://www.wikinewforum.com">Visit welcomewiki's homepage!</a></td></tr>
	
	
		<tr><td class="vbmenu_option"><a href="search.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;do=finduser&amp;u=1" rel="nofollow">Find all posts by welcomewiki</a></td></tr>
	
	
	
	</table>
</div>
<!-- / post 18075 popup menu -->

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1 AUTOSIZE -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1772210986915092"
     data-ad-slot="3023701334"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


	</div>
	
		</div>
	</div>
</div>

<!-- / close content container -->

<!-- / post #18075 --><div id="lastpost"></div></div>

<!-- start content table -->
<!-- open content container -->

<div align="center">
	<div class="page" style="width:65%; text-align:left">
		<div style="padding:0px 25px 0px 25px" align="left">

<!-- / start content table -->

<!-- controls below postbits -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top:-3px">
<tr valign="top">
	
		<td class="smallfont"><a href="newreply.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;do=newreply&amp;noquote=1&amp;p=18075" rel="nofollow"><img src="images/buttons/reply.gif" alt="Reply" border="0" /></a></td>
	
	
</tr>
</table>
<!-- / controls below postbits -->







<!-- show latest active threads -->
<br />
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" 
align="center">
<tbody><tr><td class="tcat">
<a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_external')"><img 
id="collapseimg_forumhome_external" 
src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<a href="forumdisplay.php?f=98">New topics in HTML Forum &amp; Tutorial</a>
</td></tr></tbody>

<tbody id="collapseobj_forumhome_external" style="">

<tr><td class="alt1" width="100%" valign="top">
 
<div class="smallfont">

<script type="text/javascript" src="external.php?forumids=98,-1&type=js"></script>
<script language="" type="text/javascript">
<!--
for (var x in threads)
{
document.writeln("<a href=\"showthread.php?t="+threads[x].threadid+"&goto=newpost\"><img class=\"inlineimg\" src=\"images/buttons/firstnew.gif\" alt=\"\" border=\"0\" /></a> <a href=\"showthread.php?t="+threads[x].threadid+"\">"+threads[x].title+"</a> <br />");
}
//-->
</script>

</div>
 
</td>

</tr></tbody>
</table>

<!-- / show latest active threads -->











<!-- next / previous links -->
	<br />
	<div class="smallfont" align="center">
		<strong>&laquo;</strong>
			<a href="showthread.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;t=5778&amp;goto=nextoldest" rel="nofollow">Previous Thread</a>
			|
			<a href="showthread.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;t=5778&amp;goto=nextnewest" rel="nofollow">Next Thread</a>
		<strong>&raquo;</strong>
	</div>
<!-- / next / previous links -->





<!-- controls for non-popup browsers -->


<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="border-top-width:0px">
<tr>
	<td class="thead" colspan="2">Thread Tools<a name="goto_threadtools"></a></td>
	
</tr>
<tr valign="top">
	<td class="alt1" colspan="2">

	<!-- thread tools -->
	<div class="smallfont">
		

			<div><img class="inlineimg" src="images/buttons/printer.gif" alt="Show Printable Version" vspace="1" /> <a href="printthread.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;t=5778" rel="nofollow">Show Printable Version</a></div>
			<div><img class="inlineimg" src="images/buttons/sendtofriend.gif" alt="Email this Page" vspace="1" /> <a href="sendmessage.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;do=sendtofriend&amp;t=5778" rel="nofollow">Email this Page</a></div>
		
		
		
	</div>
	<!-- / thread tools -->

	</td>
	
</tr>

<tr>
	<td class="thead" >Display Modes<a name="goto_displaymodes"></a></td>
	<td class="thead" >Rate This Thread<a name="goto_threadrating"></a></td>
</tr>
<tr valign="top">
	
	<td class="alt2" >

	<!-- thread display modes -->

	<div class="smallfont">
		<div><img class="inlineimg" src="images/buttons/mode_linear.gif" alt="Linear Mode" vspace="1" /> <strong>Linear Mode</strong></div>
		<div><img class="inlineimg" src="images/buttons/mode_hybrid.gif" alt="Hybrid Mode" vspace="1" /> <a href="showthread.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;mode=hybrid&amp;t=5778">Switch to Hybrid Mode</a></div>
		<div><img class="inlineimg" src="images/buttons/mode_threaded.gif" alt="Threaded Mode" vspace="1" /> <a href="showthread.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;p=18075&amp;mode=threaded#post18075">Switch to Threaded Mode</a></div>
	</div>

	<!-- / thread display modes -->

	</td>
	
	
	<td class="alt2" >

	<!-- rate this thread -->
	<form action="threadrate.php?t=5778" method="post">
	<div class="smallfont">
		<input type="hidden" name="s" value="471f46dd1a3d2fc11edfffd3b144d5b8" />
		<input type="hidden" name="securitytoken" value="guest" />
		<input type="hidden" name="t" value="5778" />
		<input type="hidden" name="pp" value="5" />
		<input type="hidden" name="page" value="1" />
		<strong>Rate This Thread</strong>:<br />
		<select name="vote" onchange="this.form.submit()" style="width:175px">
			<optgroup label="Choose a rating">
				<option value="5" >5 : Excellent</option>
				<option value="4" >4 : Good</option>
				<option value="3" >3 : Average</option>
				<option value="2" >2 : Bad</option>
				<option value="1" >1 : Terrible</option>
			</optgroup>
		</select><input type="submit" class="button" value="Go"  />
	</div>
	</form>
	<!-- / rate this thread -->

	</td>
	
</tr>

</table>
<br />


<!-- / controls for non-popup browsers -->


<!-- forum rules and admin links -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
	<td width="100%" valign="top">
	





	</td>
	<td class="smallfont" align="right">
		<table cellpadding="0" cellspacing="0" border="0">
		
		<tr>
			<td>
			<div class="smallfont" style="text-align:left; white-space:nowrap">
	<form action="forumdisplay.php" method="get">
	<input type="hidden" name="s" value="471f46dd1a3d2fc11edfffd3b144d5b8" />
	<input type="hidden" name="daysprune" value="" />
	<strong>Forum Jump</strong><br />
	<select name="f" onchange="this.form.submit();">
		<optgroup label="Site Areas">
			<option value="cp" >User Control Panel</option>
			<option value="pm" >Private Messages</option>
			<option value="subs" >Subscriptions</option>
			<option value="wol" >Who's Online</option>
			<option value="search" >Search Forums</option>
			<option value="home" >Forums Home</option>
		</optgroup>
		
		<optgroup label="Forums">
		<option value="5" class="fjdpth0" > Career Forum (Documents/Tutorials/Advice)</option>
<option value="376" class="fjdpth1" >&nbsp; &nbsp;  Exams, Results, Jobs, Recruitment</option>
<option value="220" class="fjdpth1" >&nbsp; &nbsp;  Tech Forum &amp; Tutorial</option>
<option value="219" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp;  SAP Forum</option>
<option value="84" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP HR Forum</option>
<option value="85" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP FICO Forum</option>
<option value="103" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP ABAP HR Forum</option>
<option value="86" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP MM Forum</option>
<option value="87" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP SD Forum</option>
<option value="94" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP QM Forum</option>
<option value="88" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP PP Forum</option>
<option value="93" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP PM Forum</option>
<option value="95" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP Basis Forum</option>
<option value="89" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP ABAP Froum</option>
<option value="92" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP PS Forum</option>
<option value="97" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  SAP BW Forum</option>
<option value="260" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  ESS &amp; MSS</option>
<option value="98" class="fjsel" selected="selected">&nbsp; &nbsp; &nbsp; &nbsp;  HTML Forum &amp; Tutorial</option>
<option value="102" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp;  Java Forum &amp; Tutorial</option>
<option value="106" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp;  ASP.NET Forum &amp; Tutorial</option>
<option value="101" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp;  PHP Forum &amp; Tutorial</option>
<option value="96" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp;  Oracle Database, SQL, Application, Programming</option>
<option value="100" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp;  IT Forum</option>
<option value="81" class="fjdpth3" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  MS office Tutorials (2003 &amp; 2007)</option>
<option value="122" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  MS Excel 2003</option>
<option value="125" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  MS Word 2003</option>
<option value="127" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  PowerPoint 2003</option>
<option value="129" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  Outlook 2003</option>
<option value="123" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  MS Excel 2007</option>
<option value="124" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  MS Word 2007</option>
<option value="126" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  PowerPoint 2007</option>
<option value="128" class="fjdpth4" >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  Outlook 2007</option>
<option value="80" class="fjdpth2" >&nbsp; &nbsp; &nbsp; &nbsp;  CiteHR Forum</option>
<option value="17" class="fjdpth1" >&nbsp; &nbsp;  SAP End-to-End Implementation</option>
<option value="3" class="fjdpth0" > Television Forums</option>
<option value="375" class="fjdpth0" > USA / UK International TV shows</option>
<option value="4" class="fjdpth0" > Film Forum</option>
<option value="8" class="fjdpth0" > General Discussion</option>
<option value="7" class="fjdpth0" > Sports Forum</option>
<option value="374" class="fjdpth0" > Mobile and Tech Forum</option>
<option value="120" class="fjdpth0" > Health and Food Forum</option>
<option value="373" class="fjdpth0" > Cars &amp; Bikes Forum</option>
<option value="131" class="fjdpth0" > International Buzz</option>

		</optgroup>
		
	</select><input type="submit" class="button" value="Go"  />
	</form>
</div>
			</td>
		</tr>
		</table>
	</td>
</tr>
</table>
<!-- /forum rules and admin links -->

<br />



<script type="text/javascript">
var infolinks_pid = 43052;
var infolinks_wsid = 0;
</script>
<script type="text/javascript" src="//resources.infolinks.com/js/infolinks_main.js"></script><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-1772210986915092"
     data-ad-slot="4139745787"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



		</div>
	</div>
</div>

<!-- / close content container -->
<!-- /content area table -->

<form action="index.php" method="get" style="clear:left">

<table cellpadding="6" cellspacing="0" border="0" width="65%" class="page" align="center">
<tr>
	
	
	<td class="tfoot" align="right" width="100%">
		<div class="smallfont">
			<strong>
				<a href="sendmessage.php?s=471f46dd1a3d2fc11edfffd3b144d5b8" rel="nofollow" accesskey="9">Contact Us</a> -
				<a href="http://www.wikinewforum.com">Wiki NewForum</a> -
				
				
				<a href="archive/index.php">Archive</a> -
				
				
				
				<a href="#top" onclick="self.scrollTo(0, 0); return false;">Top</a>
			</strong>
		</div>
	</td>
</tr>
</table>

<br />

<div align="center">
	<div class="smallfont" align="center">
	<!-- Do not remove this copyright notice -->
	Powered by vBulletin&reg; Version 3.8.10<br />Copyright &copy;2000 - 2018, vBulletin Solutions, Inc.
	<!-- Do not remove this copyright notice -->
	</div>

	<div class="smallfont" align="center">
	<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
	<img src="http://wikinewforum.com/cron.php?s=471f46dd1a3d2fc11edfffd3b144d5b8&amp;rand=1544439889" alt="" width="1" height="1" border="0" />
	<!-- Do not remove cronimage or your scheduled tasks will cease to function -->

	<meta name="verify-v1" content="jLIU2Xqnp8FbPJ6EhGutB0v2BW3FEuffAcsaeziPaYo=" />
	</div>
</div>

</form>




<script type="text/javascript">
<!--
	// Main vBulletin Javascript Initialization
	vBulletin_init();
//-->
</script>

<!-- Start of StatCounter Code for vBulletin 3.8 -->
<script type="text/javascript">
var sc_project=11448974; 
var sc_invisible=1; 
var sc_security="7e6c2af9"; 
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="web statistics"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="//c.statcounter.com/11448974/0/7e6c2af9/1/" alt="web
statistics"></a></div></noscript>
<!-- End of StatCounter Code for vBulletin 3.8 -->

<!-- temp -->
<div style="display:none">
	<!-- thread rate -->
	
		<!-- thread ratings form here -->
	
	<!-- / thread rate -->
</div>

</body>
</html>