News:

Dolphin Computers Ltd., is a leading IT product and service provider company in Bangladesh.

Main Menu

Font tags for the use of HTML

Started by bbasujon, January 11, 2012, 07:33:00 AM

Previous topic - Next topic

bbasujon

যা লাগবে:

html ব্যবহার করে code লেখার জন্য আমাদের নতুন কোন সফটওয়্যারের প্রয়োজন নেই , আমরা আমাদের অতি পরিচিত নোটপ্যাড ব্যবহার করেই html এর code লিখতে পারি। এভাবে লেখা কোড আমরা .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাওজার যেমন Internet explorer, Mozila , Google chrome, Opera দ্বারা দেখতে পারি। 

   
আমাদের Code এবং এর বিভিন্ন অংশ:

আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি। 

   
Code:

<html> 

<head> 

<title>  This is title of your web site.</title> 

</head> 

<body bgcolor="green" > 

<p>   

This is a paragaph. This is a paragaph. This is a paragaph.
 

This is a paragaph. This is a paragaph. This is a paragaph.
 

This is a paragaph. This is a paragaph. This is a paragaph.
 

This is a paragaph. This is a paragaph. This is a paragaph.
 

</p> 

</body> 

</html> 

   

এখন file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে। 



আসলে এটা একটা প্যারাগ্রাফ ছারা আর কিছু নয়। কিন্তু আমরা যদি প্যারাগ্রাফটির text font, text size, font color পরিবর্তন করতে চাই তাহলে আমাদেরকে <font> ট্যাগ ব্যবহার করতে হবে। এখন আমরা নিচের code টুকু লক্ষ করি,

Code:

<html>

<head> 

<title>  This is title of your web site.</title> 

</head>

<body bgcolor="green" > 

<p> 

<font  face="Verdana" size="4″color="red">

This is a paragaph. This is a paragaph. This is a paragaph.
 

This is a paragaph. This is a paragaph. This is a paragaph.
 

This is a paragaph. This is a paragaph. This is a paragaph.
 

This is a paragaph. This is a paragaph. This is a paragaph.
 

</font>

</p>

</body> 

</html> 

   

এখন পূনরায় file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে।



কি আমরা কি কোন পরিবর্তন দেখতে পাচ্ছি? হ্যা অবশ্যই! আমরা প্যারাগ্রাফের text font  হিসেবে Verdana , text size আগের তুলনায় বেশ বড় আর text color হিসাবে red প্রদর্শন হতে দেখছি।
<font> ট্যাগ বিশ্লেষণ :

text font, text size, font color পরিবর্তন করতে <font> ট্যাগ ব্যবহার করা হয়। অন্যান্য ট্যাগের মতই font ট্যাগের ক্ষেত্রেও  শেষ ট্যাগ </font> দিতে হয়। আমরা <font  .....................> তে যে face="Verdana", size="4″, color="red" লিখেছি এখানে face, size , এবং color কে <font>ট্যাগের অ্যাট্রিবিউটস বলা হয়। আমরা এগুলোর প্রয়োজনীয় পরিবর্তন করে ব্যবহার করে আমরা web page  কে অনেক বেশি সুন্দর করতে পারি।
Acquire the knowledge and share the knowledge so that knowing,learning then sharing - all are the collection