HTML Text Formatting



The HTML Textformatting is formatting text for better look and styles.it is provides ability to format text with out using a single line of CSS.

These tags are used to add text bold,italic,underline and more.

  • <b> - it is used for Bold text.
  • <strong> - it is used for important text.
  • <i> - it is used for italic text.
  • <em> - it is used for italic text.
  • <mark> - it is used for highlight text.
  • <small> - it is used for decrease the font size.
  • <big> - it is used for increase the font size.
  • <ins> - it is used for the content which is added.
  • <del> - it is used to display the deleted content.
  • <sub> - it is used to slightly below the normal line.
  • <sup> - it is used to sslightly above the normal line.
  • <strike> - it is used to strike lines.
  • <tt> - it is used to text in teletype.
  • <u> - it is used to underline text.


HTML b Tag

Example

<!DOCTYPE html>
<html>
<head>
    <title>Example of HTML b Tag</title>
</head>
<body>
    <p>This <b>sentence</b> contains some <b>bold</b> words.</p>
	<p>Here are <b>some</b> more <b>bold</b> words.</p>
</body>
</html> 


Click on the "Run This Code" button to see how it works.


HTML strong Tag

Example

<!DOCTYPE html>
<html>
<head>
    <title> HTML strong tag</title>
</head>
<body>
    <p><strong>Warning!</strong> This is <strong>very dangerous</strong></p>
</body>
</html> 


Click on the "Run This Code" button to see how it works.


HTML i Tag

Example

<!DOCTYPE html>
<html>
<head>
    <title>Example of HTML i tag</title>
</head>
<body>
    <p>Here is some <i>italic</i> text.</p>
	<p>Here is some <i>more italic</i> text.</p>
</body>
</html> 


Click on the "Run This Code" button to see how it works.


HTML em Tag

Example

<!DOCTYPE html>
	<html>
	<head>
		<title>Example of HTML em tag</title>
	</head>
	<body>
		<p>This is an <em>important point</em> to consider.</p>
		<p>This is one more <em>important point</em> to consider.</p>
	</body>
	</html> 
	


Click on the "Run This Code" button to see how it works.


HTML mark Tag

Example

<!DOCTYPE html>
	<html>
	<head>
	<title>HTML mark Tag</title>
	</head>
	<body>
		<p>This is some <mark style="color:red; background-color: pink;">highlighted</mark> text.</p>
		
	</body>
	</html>
	


Click on the "Run This Code" button to see how it works.


HTML small Tag

Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML small tag</title>
</head>
<body>
    <h2>Don't use this tag</h2>
    <p>It's <small>small <small>smaller <small>smallest</small></small></small></p>
    <h2>Alternative</h2>
    <p style="font-size:small;">This is a sample text.</p>
   
</body>
</html>


Click on the "Run This Code" button to see how it works.


HTML big Tag

Example

<!DOCTYPE>
<html>  
<body>  
<p>Hello <big>Write the paragraph in big font.</big></p>   
</body>  
</html>  
   


Click on the "Run This Code" button to see how it works.


HTML ins Tag

Example

<!DOCTYPE html>
	<html>
	<head>
		<title>Example of HTML ins tag</title>
	</head>
	<body>
		<h1>List</h1>
		<ul> 
			<li><ins>This is a text paragraph</ins></li>  
	</ul>
	</body>
	</html> 
	
	


Click on the "Run This Code" button to see how it works.


HTML del Tag

Example

<!DOCTYPE html>
	<head>
    <title>Example of HTML del tag</title>
</head>
<body>
    <h1>To Do</h1>
    <ul>
        <li>$2000</li>
        <li>$3000</li>
        <li><del>$4000</del></li>
        <li>$5000</li>
    </ul>
</body>
</html>


Click on the "Run This Code" button to see how it works.


HTML sub Tag

Example

<!DOCTYPE html>
	<html>
	<head>
		<title>HTML sub tag</title>
	</head>
	<body>
		<p>The chemical formula of Water is: H<sub>2</sub>O</p>
		<p>The chemical formula of Carbon Dioxide is: CO<sub>2</sub></p>
	</body>
	</html>
	


Click on the "Run This Code" button to see how it works.

HTML sup Tag

Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML sup tag</title>
</head>
<body>
    <p>The equation of mass-energy equivalence is: E=mc<sup>2</sup></p>
</body>
</html> 


Click on the "Run This Code" button to see how it works.





HTML

Welcome HTML Getting Started HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Links HTML Styles HTML Text Formatting HTML Tables HTML Images HTML Forms HTML Lists HTML Iframes HTML Comments HTML CSS HTML Colors HTML Classes HTML Id HTML javascript HTML Filepaths

HTML Advanced

HTML Doctypes HTML Validation HTML Validation HTML URL HTML URL Encode HTML URL Entities HTML Layout HTML Head HTML Meta HTML Scripts HTML Tags

HTML Media

HTML Media HTML Audio HTML Video HTML Plug-ins HTML Youtube

HTML Graphics

HTML Canvas HTML SVG