Skip to main content

Text Formatting tags in Html


Text Formatting tags:



          This section includes the tags often used for formatting the HTML text.We have many formatting tags in HTML.These are :

<font> It is used for change our text color, text size and also change the text style.

Ex:



<font face=”Liberation Serif” color=”red” size=”12”>welcome to Htmla2ztutorial</font>.

<b> tag will bold the text inside the tag.

<b>welcome to htmla2ztutorial</b>


<i>tag will italic the text inside the tag.

<i>welcome to htmla2ztutorial</i>


<u>tag will underline the text in side the tag.

<u>welcome to htmla2ztutorial</u>


<strike>tag will strike the text in side the tag.

<strike>welcome to htmla2ztutorial</strike>


<sup>tag to define superscripted text.

(a+b)<sup>2</sup>

Output:(a+b)2

<sub>tag to define subscript text.

H<sub>2</sub>O

Output: H2O


<br> tag is used to break the line .tag is an empty tag which means that it has no end tag.

Example:


<html>

<head>

<title>Text Formating tags in html</title>

</head>

<body>

<font face="Liberation Serif" size="16" color="orange">

welcome to htmla2ztutorial

</font><br>

<b>welcome to htmla2ztutorial</b><br>

<i>welcome to htmla2ztutorial</i><br>

<u>welcome to htmla2ztutorial</u><br>

<strike>welcome to htmla2ztutorial</strike><br>

(a+b)<sup>2</sup><br>

H<sub>2</sub>O

</body>

</html>


OutPut:




Comments

Popular posts from this blog

Header Tags in html

Header tags: In this HTML h1 to h6 header tags.h1 is biggest header tag 24px.h6 is the smallest header tag 10px.By using the header tags heading and side heading purpose. h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} Example: <html> <head> <title>Header</title> </head> <body> <h1>Welcome To Htmla2ztutorial</h1> <h2>Welcome To Htmla2ztutorial</h2> <h3>Welcome To Htmla2ztutorial</h3> <h4>Welcome To Htmla2ztutorial</h4> <h5>Welcome To Htmla2ztutorial</h5> <h6>Welcome To Htmla2ztutorial</h6> </body> </html> OutPut :

How to Create a link in html?|What is link in html|What is purpose of link in html?

Links: Html links are Hyper links You click on a link and go to another page. When you move the mouse over a link, the mouse arrow symbol will change into a hand symbol. In this HTML two types of linkings. 1)Text linking 2)Image linking Text Linking: In this Four types of methods...... 1)Normal Linking 2)Web Page Linking 3)Email Linking 4)Named Anchor Example: <html> <head> <title>Header</title> </head> <body> <a href="form.html">Out File</a><br> <a href="https:www.google.com">web page linking</a><br> <a href="mailto:yuvarajkoppati@gmail.com">email linking</a><br> </body> </html> Nmaed Anchor: <html> <head> <title>Header</title> </head> <body> <font size="12" color="orange"> <a name="up...