Home » HTML Tutorial » Html Text Formatting – CodeMirch

Html Text Formatting – CodeMirch

html text formatting

We are showing how to use formatting text in html code

Html Text Formatting

Hello Guys, Learn free html code and how to implement html text format in between paragraph.Here we are sharing basic markup tags that are essential to use for formatting text. Lest Check Our tutorial in below.

Html text color

In html we can easily use color code and a great way to change paragraph text.Let’s check our html code

Example 1 :

<html>
<head>
<title>Html Text Formatting Example</title>
</head>
<body>
<p style=”color: #162938;”> This is a demo text </p>
</body>
</html>

In this section We used p tags and style properties and its attribute for changing text color.

Html underline Tag

In this session We can format text in an another way using <u> tags. Let’s Check our u tags

Example 2 :

<html>
<head>
<title>Html Underline Tag</title>
</head>
<body>
<p> <u> This is a demo text </u> </p>
</body>
</html>

Html underline in CSS

Here we are using CSS code to change text to underline. See Our example

<html>
<head>
<title>html text font size</title>
<style type=”text/css”>
.pp{

text-decoration: underline ;
}
</style>
</head>
<body>
<p class=”pp”> Text format Change by Css Code </p>
</body>
</html>

Html font style

We can change the text font style using font Attribute. Let’s Check Our html code to change text size and style.

Example 3 :

<html>
<head>
<title>Html font style </title>
</head>
<body>
<p style=”font-size:24px; font-family : vardana; font-weight: +800;”> Change Paragraph Font Style </p>
</body>
</html>

List Of Html Attribute And Its Value :

font-size:24px;
font-family : vardana;
ont-weight: +800;

Html text size

It is an easy way to spread the text font size using font attribute.Let’s see our example.

Example 4 :

<html>
<head>
<title>html text font size</title>
</head>
<body>
<p style=”font-size:24px;> Changing Font Size of Paragraph or Text </p>
</body>
</html>

Html italics CSS

Now this section is very important for beginners that they can know how to change text italic using CSS code. Let’s See Our Html & CSS Code

Example 5 :

<html>
<head>
<title>html text font size</title>
<style type=”text/css”>
.pp{

font-style: italic;
}
</style>
</head>
<body>
<p style=”font-size:24px; class=”pp”> Changing Font Size of Paragraph or Text </p>
</body>
</html>

Html bold Tag

Here We can easily change the  normal text to bold. Let’s See Our Html Coding Example

Example 6 :

<html>
<head>
<title> html bold Tag </title>

</head>
<body>
<p> <b> Changing Normal text to bold of Paragraph or Text </b> </p>
</body>
</html>

Html bold Tag in CSS

Lets check how to changes normal text convert in bold using CSS Code

<html>
<head>
<title>html bold Tag in CSS </title>
<style type=”text/css”>
.pp{

font-weight: bold;
}
</style>
</head>
<body>
<p class=”pp”> html bold Tag in CSS</p>
</body>
</html>

List Of Html Text format Tags :

<em> – Emphasized Tag
<mark> – Marked Tag
<small> – Small Tag
<del> – Deleted Tag
<ins> – Inserted Tag
<sub> – Subscript Tag
<sup> – Superscript Tag
<strike> – Strike Tag

If you want to Watch Our Live Streamming Html Video Tutorial, See in below –

 

Html Text Formatting Example Briefly Describe Just 6 MN

, , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

*
*