HTML Fonts.

What are HTML Fonts ?

Fonts are very important role in making of website.

It make website more attractive user Friendly and make the content readable.

Font face and color entirely on the computer and browser that is being used to view your page but you can use Html <font> tag to add style,size and color or the text on  

your website. you can use <basefont> tag to set all your text to same size face and color.

The font tag have three Attribute

size,color and face.

The text that follows will remain same until you close with </Font> tag.

We can use one or all of the font Attribute within one <font> tag.

1. Setting Font Size :-

We can set content Font size using Size attribute. The range value is from 1(smallest) to 7(largest).

The default size of Font is 3.

How we can use the Size Attribute.

<font size="Size is Written Inside The dubble quotes">Anything</font>

Eg:-

Code:-

Output:-

2. Setting Font Face:- 

HTML Sapport many font face to apply those we have to use  face Attribute in side the Font tag.

But if the user viewing the page doesn't have the Font installed, they will not able to see the Font Written in website. So the user will see the default Font Face which is preinstalled in the user's computer.

We can use the face Attribute

<font face"Name of any font" size"Size of font">Anything</font>

Eg:-

Code:-

Output:-

3. Setting Font Color:-

It is easy to set the color to font by using color Attribute.

We can choose color by it's Name or by Hexadecimal code for that color.

It can be apply using this tag and attribute.

<font color"name of color">Anything</font>

Eg:-

Code:-

Output:-

Attribute In HTML

What are Attribute ?

Attributes are use to give more information about Html Tags.

 Attributes are written inside the html tag.

Attributes is Written at the Starting of the tag.

it Never be written at end of the tag.

Tag can be content one or more attribute.

Attributes are composed of name and value. the structure of attribute look like attributename="value"

You can also use the single quotation.

 There is only <title> attribute that doesn't work in mobile it only work in pc.

Eg:-

Code:-

Output:-

In above example there are two attributes are used inside the <p> tag .

Frist is style attribute and second is color attribute.

Text Formatting Tags

Text Formatting tag is used to display some special type of text.

1. Bold Text Tag  :-
Tag denoted by <b> it is use to display the Text in bold. it is similar to strong tag <strong>

2. Italic Text Tag :-
  tag is denoted by <i>  it is use to display text in italicized. It is similar to emphasize Tag <emp>.

3. inserted Text Tag :-
Tag is denoted by <ins>. It is used to the new inserted text in document.

4.Underline Text Tag :-
Tag is denoted by <u> it is use to Underline important Text. Is similar to Inserted tag

5. Deleted Text Tag :-
Tag is denoted by <del>.It is use to show the Deleted text in documents. It is similar to strike text Tag <strike>.

6. Monospaced Text Tag :- Tag is denoted by  <tt>. Monospaced tag is use to text in same width.

7. Superscript Text Tag :-
It is denoted by <sup>. It is appear half a character above the normal line. It is rendered in smaller text.

8. Subscript Text Tag :-
It is denoted by <sub>. It is appear half a character below the normal line. It is rendered in smaller text.

9. Large Text tag :-
It is denoted by <big>. Any thing is written between that Tag is display one font size larger than the rest of the text.

10. Small Text tag :-
It is denoted by <small>. Any thing is written between that Tag is display one font size  smaller than the rest of the text.

11. Mark Text tag :-
It is denoted by <mark>. It is used to Highlight the text in document.

Code:-

<!DOCTYPE html>
<html>
    <head>
        <title>Text Formatting Tags</title>
    </head>
    <body>
        <p> Code is For text formatting tag<br>
        <p>1.Bold Tag 
        (Hii <b>User</b> How are you ?)</p>
        
        <p>2.Italic Tag 
        (Hii <i>User</i> How are you ?)</p>
        
        <p>3.Insert Tag
        (Hii <ins>User</ins> How are you ?)</p>
       
        <p>4.Underline Tag
        (Hii <u>User</u> How are you ?)</p>
       
        <p>5.Delet Tag
        (Hii <del>User</del> How are you ? )</p>
     
        <p>6.Monospaced Tag
        (Hii <tt>User</tt> How are you ?)</p>
       
        <p>7.Superscript Tag
        (Hii ^User How are you ?)</p>
       
        <p>8.Subscript Tag
        (Hii _User How are you ?)</p>
       
        <p>9.Large Tag
        (Hii <big>User</big> How are you ?)</p>
      
        <p>10.Small Tag
        (Hii <small>User</small> How are you ? )</p>
       
         <p>11.Mark Tag 
        (Hii <mark>User</mark> How are you ?)</p>
        
   </body>
</html>

Output:-

If You Like This Blog 

Comment And Share The Blog

Basic Tag #6

6.Preserve Formatting Tag <pre>:-

Anything is written between <pre> tag will display as it is Written in Html document without disturbing the sequence of that text such as space,comma,fullstop etc

Eg:-

Code:-

Output:-

Basic Tag #5

5.Centering Content Tag <center>:-

This tag is used to put content in center of Html document/webpage

Eg:-

Code:-

output:-