Home » Articles » WEBSITE DESIGNING

LESSON 4 HTML TEXT FORMATING

LESSON 4:  HTML TEXT FORMATING

I think you may observe in websites texts with different size, colors and face. This is what we call Text Formating. This skill enables you to change text styles as you wish or according to your website.

Look at  examples below.

Staryte is my favorite website   ---------------    This is bold and its Tag is <b>…..</b>

Staryte is my favorite website     ---------------     This is italics and its Tag is <i>…..</i>

Staryte is my favorite website     ----------------   This is Underline and its Tag is <u>…..</u>

Staryte is my favorite website       ---------------    Here the word Staryte is superscripted by using tags <sup>…. </sup>

Staryte is my favorite website       ---------------      Here the word Staryte is subscripted by using tags <sub>…. </sub>

 

To make the text bolded, put <b> and close with </b> at the beginning and at the end of text that you wish to make it bolded.

Example:

<b>this text is bold</b> the result will be … this text is bold.

 

 

To make the text italic, put <i> and close with </i> at the beginning and at the end of text that you wish to make it italic.

Mfano:

<b>This text is italic</i> the result will be … This text is italic

 

Take the following code to your notepad and save them as webpage then preview to see the result.

<html>

<body>

<h1>ABOUT MY LIKES</h1>

<p>My name is <b>Some one </b>, I live in the world. I was born on 1<sup>st</sup> January,1990. I like <i>writing</i>, <i>Reading</i>, <i>watching TV</i>.<br>

My favorite Dish is <u> Roasted Meat</u> with <u>Juice</u>.<br>

That's only short explanation about what I like.<br><br>

<b><u>Thanks for Reading</u></b> <br><br>

<sup>******</sup><sub>******</sub><sup>******</sup><br>

<sub>******</sub><sup>******</sup><sub>******</sub><br>

<sup>******</sup><sub>******</sub><sup>******</sup><br>

<sub>******</sub><sup>******</sup><sub>******</sub><br>

<sup>******</sup><sub>******</sub><sup>******</sup><br>

<sub>******</sub><sup>******</sup><sub>******</sub><br><br>

For more Visit: <u>http://www.staryte.ucoz.com/</u>

<hr>

<u>© My Test Webpage</u>

<hr>

</body>

</html>

 

The above code will help you to learn more about what we learnt before. I recommend checking how I arranged and how I wrote those codes careful.


The result will look like below:

ABOUT MY LIKES

My name is Some one, I live in the world. I was born on 1st January, 1990. I like writing, Reading, watching TV.
My favorite Dish is Roasted Meat with Juice.
That's only short explanation about what I like.

Thanks for Reading

******************
******************
******************
******************
******************
******************

For more Visit: http://www.staryte.ucoz.com/


© My Test Webpage


 

The next lesson we shall deal with size and colors.

Thanks a lot, for comments and questions feel free to write in the box below.

 

Category: WEBSITE DESIGNING | Added by: Admin (15/May/2013)
Views: 660 | Comments: 1 | Tags: website, web, format, html, Tutorial, Text | Rating: 0.0/0
Total comments: 1
1  
nzuri sana, ''The next lesson we shall deal with size and colors'' nasubiri kwa hamu.....

Name *:
Email *:
Code *: