HTML এ Font ট্যাগের ব্যবহার (HTML টিউটোরিয়াল – 6)

 যা লাগবে:

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. <br>  

This is a paragaph. This is a paragaph. This is a paragaph. <br>  

This is a paragaph. This is a paragaph. This is a paragaph. <br>  

This is a paragaph. This is a paragaph. This is a paragaph. <br>  

</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. <br> 

This is a paragaph. This is a paragaph. This is a paragaph. <br> 

This is a paragaph. This is a paragaph. This is a paragaph. <br> 

This is a paragaph. This is a paragaph. This is a paragaph. <br> 

</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  কে অনেক বেশি সুন্দর করতে পারি।

HTML টিউটরিয়াল সূচি-পত্র

HTMLপর্ব- এক: আমার প্রথম ওয়েব সাইট (প্রাথমিক ধারণা)

HTMLপর্ব- দুই: রঙের ব্যবহার

HTMLপর্ব- তিন: ব্যাকগ্রাউন্ড এ রঙের ব্যবহার

HTMLপর্ব- চার: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-১

HTMLপর্ব-পাঁচ: প্যারাগ্রাফ এর ব্যবহার ও সুবিধা-২

HTML পর্ব-৬ HTML এ Font ট্যাগের ব্যবহার

5 thoughts on “HTML এ Font ট্যাগের ব্যবহার (HTML টিউটোরিয়াল – 6)”

  1. একেবারে বেসিক জিনিসগুলো শেখানোর জন্য ধন্যবাদ। অসিম ভাই, সি এস এস এর নিয়মিত টিউটরিয়ালের চিন্তাও করছি..আপনার সহযোগিতা দরকার। স্বাক্ষাতকার নামে একটি বিভাগ খুলে জ্ঞানীদের প্রশ্নোত্তর পর্বও আয়োজন করতে চাই।

  2. ফজলুল করিম

    আমি খেয়াল করিনি যে, পোষ্টটির
    তারিখ: 02 23rd, 2010

    এর অর্থ হচ্ছে শুরু হয়েছে কিন্তু শেষ হয়নি………….

  3. পর্ব ৭, ৮, ৯, ১০, ১১,১২, ১৩, ১৪……………. কই??? আজব। এটা তো মনে হইতেসে মই লাগাইয়া গাছে উঠাইয়া মই সরাইয়া ফালানোর মত অবস্থা।

Leave a Comment