HTML Formatting

Next Page Previous Page

We all know that a little bit of formatting on the text can make a huge difference, and web applications need to be attractive. HTML helps us to make the content look appealing to the eyes.

Like coloring the text bolding the text a and even provide italic text formatting with such simple tags that anybody can do it.

<b> and <strong>: both kinda works in the same way where <b> makes the text bold and <strong> makes it bold and slightly larger than bold to make it pop up a little more like an important text on a webpage.

 

TAGS

FUNCTION

<i>

Gives the italic effect.

<mark>

Works like a highlighter on the text.

<b>

Add weight to the text.

<u>

Underlines the text.

<strike>

Gives a strikethrough effect.

<sup>

Display text above the line slightly higher than usual.

<sub>

Display text below the line slightly lower than usual.

<del>

Showcase the deleted text.

<ins>

Display inserted text.

<big>

Show the text bigger.

<small>

Makes the text look smaller.

Let’s understand each one of them with some easy  example

Italic

Example :

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<i style=" font-size: 20px;"> Say hello to italic format !</i>
	</body>
</html>

Bold

Example :

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<b style=" font-size: 20px;"> Say hello to bold format !</b>
	</body>
</html>

Underline

Example :

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<u style=" font-size: 20px;"> Say hello to Underline format !</u>
	</body>
</html>

Highlight 

Example :

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<mark style=" font-size: 20px;"> Say hello to Highlight format !</mark>
	</body>
</html>

 

Subscript

Example:

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<sub style=" font-size: 20px;"> Say hello to Subscript  format !</sub>
	</body>
</html>

Superscript

Example:

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<p><sup style=" font-size: 20px;"> Say hello to Superscript  format !</sup></p>
	</body>
</html>

Delete

Example:

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<p><del style=" font-size: 20px;"> Say hello to Delete format !</del></p>
	</body>
</html>

Insert

Example:

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<p><ins style=" font-size: 20px;"> Say hello to Insert format !</ins></p>
	</body>
</html>

Big

Example:

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<p><big> Say hello to the big format !</big></p>
	</body>
</html>

 

Small

Example:

<!DOCTYPE html>
<html>
	<head>
		<title>HTML TEXT FORMATTING </title>
	</head>
	<body>
		<p><small> Say hello to the small format !</small></p>
	</body>
</html>

 

Next Page Previous Page

Treding Tutorial

Popular Tutorials

to Learn now