Skip to main content

HTML Text font Size

It is defines the text size (font size) for an HTML element: This attribute specifies the size of the text inside a <font> element. <HTML font size> sets the size of a font.

In HTML, we will use the HTML Text <font> tag to change the size of text .The font size attribute is specifies the  display how large a font  on the web page or absolute  terms.
The default font size is 3, and the largest font size is 7 that can be displayed in a browser

Example is given below


<h1 style="font-size:500%;"> Practice makes men perfect</h1>
<p style="font-size:12px;">We are a good human beings.</p>


On the web page result will show :


Practice makes men perfect

We are a good human beings.


To increase or decrease the size of the font relative to the default size, use <font size="+num"> or <font size="-num"> , where "num" is a number. For example,
If we want to increase or decrease the size of the font  then we will use <font size="+num"> or <font size="-num">

Here we can easily understand the meaning of "num"
"num" = number
"+num"= increase the size of the font
"-num"= decrease the size of the font
"num" is from 1 to 7
Example is given below to make the text two sizes bigger: 

For increase the font size: syntax


<font size="+2">I am a bigger text.</font>


result will show on web page:


I am a bigger text.


For decrease the font size: syntax

<font size="-1">I am a smaller text.</font>



result will show on web page:


I am a smaller text.


For tiny (smallest) text we will use this example :


<font size="1">I am a really smallest text.</font>


Result is given below:


I am a really smallest text.


My dear friends keep away from tiny (smallest) text because it is so tiny and hard to read .

Cascading Style Sheets (CSS)  is preferred this method for changing text size. HTML is less flexible then CSS but it is compatible with older browsers.

CSS syntax:


<p style="font-size:50px">come with us



Result will show:


come with us



Popular posts from this blog

Add day to ISODate in MongoDB

We can use $add operator to add days in ISODate in mongodb, $add is the Arithmetic Aggregation Operator which adds number and date in mongodb.
Syntax:

{ $add: [ <expression1>, <expression2>, ... ] }

Note:  If one of the argument is date $add operator treats to other arguments as milliseconds to add to the date.
Example: Suppose we have a Test collection as below.

{"Title" : "Add day to ISODate in MongoBD","CreatedDate" : ISODate("2016-07-07T08:00:00.000Z")}

Query to add 2 days in CreatedDate

db.Test.aggregate([      { $project: { Title: 1, AddedDate: { $add: [ "$CreatedDate", 2*24*60*60000 ] } } }    ])

Result:

{ "_id" : ObjectId("579a1567ac1b3f3732483de0"), "Title" : "Add day to ISODate in MongoBD", "AddedDate" : ISODate("2016-07-09T08:00:00.000Z") }

Note: As mentioned in above note we have to convert days in millisecond because $add operator treat to other arg…

Remove special character from string in MongoDB

Problem: Suppose wehave a collection and one field is type string contains some special character (like !@#$%) and we don’t want these special character.
Solution: We can easily remove the special character from field using script “replace(/[^a-zA-Z 0-9 ]/g, '')” in our query.  How can we remove special character from string using this script please see following example.
Example: Suppose we have a collection “EduSurvey “where we are collecting information from institutions.

{Name:"JB institute”, About:"This is good one collage for MBA", Information:"This $%%institute ##has good faculty etc$$"}
{Name:"MK institute”, About:"This is good one collage for MCA", Information:"This$$%# is the dummy text12"}
{Name:"MG institute”, About:"This is good one collage for B,Tech", Information:"This# institute@ has&* good infrastructure"}

Did you notice Information fields contains some special character so we…