Skip to main content

Text Formatting || Fonts in HTML



We all know that we can write Paragraphs in HTML with many tags , like  <p> , <span> etc.
But what the point is if we think about its formatting , for example how to change a text color,how to resize a text .Don't know ? well take a sit ,we will discuss about it briefly , Lets Start ...

 First talk about how to resize a font and change it's color also set it's alignment . Please note a point before that in HTML only 3 types of alignments are there : a- left , b-right , c-center
 We will go through this line with 'p' tag: "Hello World! Wake up and do your work hard" .

   First set it's alignment ,I am showing a example below :



     So,we can see the above example where I have put all three alignments with same line .First one will show at the left hand side ,second one will show at the center ,and last one will show at the right side .Now see the output of this example below :


  Wow , it shows the correct answer . well we have learned the alignment in very easy way ,that's great ! Now let's see how to resize this text .We have a tag is called 'font' , through which we can resize a text , can change its color . So <font> tag is used to change color ,size of a text .And note a point ,it comes with paired tag .Now let's see an example with same text below :



    In the above example,first I have showed normal size of a text , then I have used font tag with attribute 'size' Now let's see it's output below :

  

  Great ! We have learned how to resize a text with HTML font tag , though we can use CSS style instead (will learn it later) .Now let's change it's color with font tag below with an example :


In the above example,we have used a attribute in <font> tag is called 'color' for changing the color of this text .Now see the output below :



That's great !Now let's move with some formatting of a text .

  Now,there are some tags in HTML are present to format a text .Like to do bold a text , we can use <b> tag (paired tag) ,for italic type we can use <i> tag(paired tag) etc .
  Now I am showing a example in a same page below :


I have shown some of tags to formatting text ,but there are many tags available .It's not possible to show everything though but we will see many more later ."One thing is,we can also use <strong> tag instead of <b> tag . Now let's see output below :




Texts are looking congested but looks good .. :)
 So that is it for today . I will recommend, practice again and again .Very easy everything if we practice it .
  Please look my Youtube Channel , link is given below :
   https://www.youtube.com/channel/UCC_SnAOTQP7uckcZR_3QMcQ
Please follow my Facebook Page link given below :
  https://www.facebook.com/Code-Religion-795982750772492/?modal=admin_todo_tour

 Keep Learning :)
Thank you . 

Comments

Popular posts from this blog

Difference between High level language and Low level language ?

Today I am gonna talking about the difference between High - level Language & and Low - level Language .But first we have to know what does they contain , right ? Cause we don't know  what they are ?So take a  seat and let's start .. Let's go through first low - level Language . Well, if we want to learn Programming languages like C , C++ , Java , Assembly Language etc then we should know about them too .Let's understand with an example below ,     In our daily life , we are used to talking with many people with our own comfortable language . But can we talk to a computer with language English or Hindi or any other ? Ans is No .Because Computer is a machine after all . And computer only understands Machine Language,I mean binary (0 1) .Earlier if we want to do any addition like 9 + 2 ,in tha case we had to write the binary form of 9 ,binary form of + (addition) and 2 also . That is too difficult to remember binary form.Then "Assembly Language" ar

What is Class and Object in Oops || definition of Classes & Objects

We can make a program in Procedure oriented like C . But when C++ comes and says about Object Oriented Programming Language ( Oops ) , then Class & Object comes into picture . If we want to make a program in object oriented,then we must have to know about Class & Object which is main attributes of Oops . If you don't know much about it, don't worry . Take a seat , and let's start .   Class is a blueprint of Object where Object is a real world entity . Now whoever reading this blog , consider that I am a Object , that's great .. Now let's see with an example below then will discuss rest   ..       So if I consider Human as a Class & myself as an Object , then its definite I must be some properties and behavior .. So here we can say skin color , age , eye color , height etc as properties of myself . I am 22 year's old so 22 year's is an property and I can talk so here talk() is an function ( behavior ) of myself . So there are s