Skip to main content

HTML Text Formating

How to use text Formatting in HTML?

Steps:

1. Open Notepad and Write HTML code as shown next.
2. Save the file on desktop as textformat.html
3. Double click on saved file.
4. you can see the file on desktop with name textformat.
5. output.

HTML Text Formatting Tag :

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>Text Formatting 1</TITLE>
</HEAD>
<BODY>
    <p><b>This is bold</b></p>
    <p><strong>This is Strong</strong></p>
    <p><em>This is emphasized</em></p>
    <p><i>This is Italic</i></p>
    <p><small>This is small</small></p>
    <p>This is<sub>Subscript</sub> and this is<sup>Superscript</sup></p>
</BODY>
</HTML>

Output :

Video Tutorial of HTML Text Formatting :

HTML Text Direction:

Example:
<!DOCTYPE HTML>
<HTML>
<HEAD>
       <TITLE>Text Direction</TITLE>
</HEAD>
<BODY>
      <bdo dir="ltr">
      Hi How are you?
      </bdo>
</BODY>
</HTML>

OUTPUT:

 

HTML  Show DELETED Text:

Example:
<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>Text del ins</TITLE>
</HEAD>
<BODY>
    <p>Hi How are you <del>Raj</del> Rajesh?
</BODY>
</HTML>

OUTPUT:


Comments

Popular posts from this blog

Use of HTML Quotation, Blockquote and Cite.

1. Quotation            In HTML for quotation mark you need to use <q>--</q> tag. The browser can understand the meaning of  <q> tag.
Syantax: <q> Sentence for quotation </q>
Example:<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> HTML Quotation</TITLE>
<HEAD>
<BODY>

    <H1> Example of HTML quotation mark</H1>

    <H2><p><q>A complete tutorial of HTML with htmlrun.com</q>
    </p></H2>

</BODY>
</HTML>


Output:


2. Blockquote.        In HTML for blockquote you have to use <blockquote> tag. To make a block of any paragraph with just like a justify alignment in word.

Syntax:<blockquote> Large number of sentences </blockquote>
Example:<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE> HTML BLOCKQUOTE</TITLE>
</HEAD>
<BODY>
<H1>Example of Blockquote</H1>

<BLOCKQUOTE>
A www.htmlrun.com is a HTML tutorial website and
a blog. Usi…

Difference between button and submit

Button vs Submit.1. Button: <Input type="button">   This is only a simple button. This will allow to call java script function and this can't do anything itself.


recomanded:what is ANI?

2. Submit:<Input Type="submit">    This submit button will submit the form on clicking but if when this submit button is inside the form element.