Wednesday, August 28, 2013

Learn HTML Step by Step [Part 03]

::Basic Text Formatting::


Text Formatting is important in Website Designing. Sometimes we may have to write in bold, sometimes in italic etc. So we have to learn to format texts. We have to use some codes to format the texts. In [Part 01] and in [Part 02] we have learned to create a webpage normally. There we used <body> ... </body> tags. We have to keep all the content between <body> (the starting tag) and </body> (the end tag). The texts or images we will keep between <body> and </body> tags will show in the webpage only. The visitor will not see the codes we are using to decorate the page.

01. How to make the text Bold?
To make the text bold, we have to use <b> (the starting tag) and </b> (the end tag). At first you need to type <b> and then the text you want to make bold and finally the end tag </b>. For example you have to write...

<b>the text you want to make bold</b>

RESULT: the text you want to make bold

02. How to make the text Italic?
To make any text Italic, you have to use <i> and </i> tags. Again you have to use the starting tag <i> at first, then type your text you want to make italic and finally give the end tag </i>. For example we have to write...

<i>the text you want to make italic</i>

RESULT: the text you want to make italic

03. How to make the Underlined Text?
We will use <u> and </u> tags to make any text underlined. We just need to keep our expected text between <u> and </u> tags to make them underlined. For example we need to write like this...

<u>the text we want to make underlined</u>

RESULT: the text we want to make underlined

04. How to make the text Strikethrough?
This is the example of Strikethrough Texts. To make any text Strikethrough we will use <strike> and </strike> tags. Just keep the texts you want to make strikethrough between <strike> and </strike>. The example is given below...

<strike>the text you want to make strikethrough</strike>

RESULT: the text you want to make strikethrough

05. How to use my favorite font in my webpage?
You may like to use your favorite font in your webpage. Sometimes your client may suggest a font for his ordered website. Let's see how to get it. You actually have to use <font> and </font> tags to do so.

<font face="verdana">My Favorite Font</font>

RESULT: My Favorite Font

Verdana is the font I have used in the line <font face="verdana">My Favorite Font</font>. <font> is a common tag we use to format the fonts we use in webpages. We will use face="any font" to indicate a font from the available font family. We may do the same using <span style="font-family: Verdana;">My Favorite Font</span>.

06. How to use font color in webpage?
To get the font color we have to use <font color="color code/name">My Favorite Font</font>. There are lots of color codes we may during designing a webpage. But to make webpage beautiful we should not use lots of color in a page. We should select two or three colors to look the site beautiful. However, lets see the example...

<font color="#660000">My Favorite Font</font>

RESULT: My Favorite Font

Look we have used #660000 color code and we have got the above color. Thus we may use other color codes or color name to beautify our webpages.

II<<  Learn HTML Step by Step [Part 02]      Learn HTML Step by Step [Part 04]  >>II

Learn html easily, html text formatting, html text decoration