Font Faces and Font Colors in HTML

Different font styles (faces) are used in the webpages as well as in other documents to show the text in different styles and formats. For this purpose HTML provides us element. Using font element we can format the text in different styles, color and size. Let have look at each of the following!

Font Face

Font face is the name of the Font which you are using currently in for your webpage or part/section of the webpage. Different famous and mostly used font faces are Arial, Comic Sans, Courier, Georgia, Times New Roman and Veranda.
 
Example:

I’m Arial style text

I’m Courier style text

 I’m Times New Roman style text
I’m Veranda style text
Font Faces

Font Color

Color property of the Font element is used to display the text in different colors instead of default black. HTML provides some color names-such as red, green, blue, sky blue, white, etc. – which can be used as value of the color property.
 
Example:
 I’m green colored text.

Continue reading

Basic Text Formatting in HTML

While formatting our documents we often need to format some pieces of text as bold, italic, underline, superscript, subscript and/or strikethrough to show the importance of the text. HTML provides us different tags perform such type of formatting. Let’s have look at each one!


Bold or Strong

In HTML to format some piece of text as bold we can use and/or elements.

Difference between Bold & Strong:

There are some browsers which are used by the special peoples (disabled) who can see
nothing on the screen. Rending of webpages on such browsers is done by reading text loudly. The text wrapped in strong element is read stressfully which indicates that the stressed text is important, while the text wrapped in b element is read normally without producing any stress to inform the listener that there is nothing special here.

Example:

I’m bold text
I’m strong text

Bold and Strong Text Example


Italic

In HTML to format some piece of text as italic we can use elements.


Example:

I’m italic text



Underline         

In HTML to format some piece of text as underlined we can use elements.


Example:

I’m underlined text



Super/Sub Scripts

In HTML to format some piece of text as underlined we can use elements.


Example:

He’s the 11th player of the team.
a1, a2, a3……,an



Strike Through

In HTML to format some piece of text as strikethroughwe can use elements. Strikethrough is used to show some old text which is no longer part of the newer version of the text but you still want to display it as reference text or something else.


Example:

I’m strikethrough text


Linefeed

Goto Line Break Section in the White Spaces Post.


Paragraph

In HTML to divide a long topic, under discussion, into different paragraph we use

element i.e. wrap the text in-between

and

tags.


Example:

I’m a paragraph.

I’m another paragraph.




Note: The ending tag of the paragraph

is optional, you can get the accurate result without Paragraph element automatically includes line break element
.