এটি 18 পর্বের HTML বেসিক ট্রেনিং ফ্রি বিষয়ক টিউনের 6 পর্ব

আসালামু আলাইকুম/নমস্কার ।  কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন। আজকে ৬ তম  পর্ব নিয়ে আসলাম আপনাদের কাছে। আজকে আমরা একটা নুতন জিনিস নিয়ে আলোচনা করব । চলুন শুরু করি। গত পর্বগুলি যারা মিস করেছেন তারা এই লিঙ্ক এ ক্লিক করে দেখে নিতে পারেন । ( এই লিঙ্ক এ ভিতর আগের ৫ টি পর্ব আছে । )

আজকে আমারা font size ও font face ট্যাগ নিয়ে আলোচনা করব । চলুন শুরু করি । আমারা গত পর্বে <h1>…….<h6> এই ট্যাগ গুলির ব্যবহার করে দেকেছি যে <h1> ট্যাগ ব্যবহার করলে Heading অনেক বড় বড় লেখা হয় তেমনি <h6> ট্যাগ Use করলে স্বাভাবিকের চেয়ে  অনেক ছোট হয় । আমরা জানি ,  microsoft word এ font size দেওয়া যায়  , তেমনি  এইচটিএমএল এ আপনি Font size Use  করতে পারেন । চলুন দেখি কি করে তা করা যায় ।

font size ট্যাগঃ

এই ট্যাগ দিয়ে কোন লাইন এর অক্ষরগুলোর সাইজ ছোট-বড় করা যায়।সাধারনত প্রতিটি font এর ডিফল্ট size ১২ দেওয়া থাকে।আমরা এই ট্যাগ ব্যাবহার করে আমরা এর সাইজ +৭ পর্যন্ত বাড়ানো সম্ভব,আর এর সাইজ -৭ পর্যন্ত কমানো সম্ভব।+৭ এর বেশি আর -৭ এর কম নিলে এই ট্যাগ কাজ করবে না।

এবার আসুন এই ট্যাগ এর গঠন দেখি।<font size=-7 হতে +7>………………………….</font>

***এবার আসুন আমরা  এই ট্যাগ ব্যবহার এর একটা উদাহরন দেখি। নিচের কোড গুলি নোটপ্যাড এ লিখুন ।

<html>

<head>

<title>

We loveBangladesh

</title>

</head>

<body>

<Font size=+6>we live in a small country.</font><br>

<Font size=+4>we live in a small country.</font><br>

<Font size=+2>we live in a small country.</font><br>

<Font size=+1>we live in a small country.</font><br>

<Font size= -1>we live in a small country.</font><br>

<Font size= -2>we live in a small country.</font><br>

<Font size= -3>we live in a small country.</font><br>

<Font size= -4>we live in a small country.</font><br>

<Font size= -5>we live in a small country.</font>

</body>

</html>

***এই কোডিং অবশ্যই notepad এ লিখতে হবে । তারপর,aaa.html নামে সেভ করে double click করে ওপেন করুন। দেখুন নিচের ছবির মত আসছে ।

উপরে আমার যে  ট্যাগটি  ব্যাবহার করলাম তাতে  করে আমরা ফন্ট  সাইজ +৭ পর্যন্ত বাড়ানো সম্ভব,আর এর সাইজ -৭ পর্যন্ত কমানো সম্ভব।+৭ এর বেশি আর -৭ এর কম নিলে এই ট্যাগ কাজ করবে না। এর চেয়ে বড় ফন্ট যদি দরকার হয় তা হলে কি করে করবেন?? চিন্তা করছেন , কোন চিন্তা নাই এরও সমাধান আছে । চলুন দেখি ।

নিচের কোড গুলো Notepad এ টাইপ করুন :

<html>
<head>
<title> www.pchelpcenterbd.com</title>
</head>
<font style= font-size:15px” >Bangladesh is a beautiful country.</font><br>

<font style=” font-size:25px” >Bangladesh is a beautiful country.</font><br>

<font style=” font-size:35px” >Bangladesh is a beautiful country.</font><br>

<font style=” font-size:45px” >Bangladesh is a beautiful country.</font><br>

<font style=” font-size:55px” >Bangladesh is a beautiful country.</font><br>

<font style=” font-size:65px” >Bangladesh is a beautiful country.</font><br>
</body>
</html>

তারপর,aba.html নামে সেভ করে double click করে ওপেন করুন। দেখুন নিচের ছবির মত আসছে ।

 

উপরের ছবিতে দেখেন আমি font-size:65px  করে দিছি আপনি যদি চান আরও বাড়াতে পারবেন ।

 

font face ট্যাগঃ

এই ট্যাগ ব্যাবহার করে বিভিন্ন style এর font ব্যাবহার করা যায় । আমরা মাইক্রোসফট ওয়ার্ড এ যেসব বিভিন্ন font ব্যাবহার করি ,html এ তার সব ব্যাবহার করা যাবে।শুধু font এর নাম জানতে হবে।যেমন arial font,vrinda font.

এবার আসুন আমরা এই ট্যাগ এর নিয়মটা শিখি । <font face=যেকোন ফন্ট এর নাম>…………</font>

***এবার আসুন আমরা একটা উদাহরন দেখি ।  নিচের কোড গুলি নোটপ্যাড এ লিখুন

<html>

<head>

<title>

We love Bangladesh

</title>

</head>

<body>

<Font size=+4, Font face=arial>we live in a small country.</font><br>

<Font size=+4, Font face=bodony mt black>we have a lot of problem.</font><br>

<Font size=+4, Font face=forte>most of our people are poor.</font><br>

<Font size=+4, Font face=impact>we have no food,no shelter,no education.</font><br>

<Font size=+4, Font face=times new roman>this is enough problem for a country.</font><br>

<Font size=+4, Font face=segoe script>but,always we are in a smile face.</font><br>

<Font size=+4, Font face=castellar>because,we have a dream.</font><br>

<Font size=+4, Font face=batang>some of our student has a dream.they worked,work,will work for his motherland</font><br>

<Font size=+4, Font face=Blackadder ITC >so what can you do???? This is your choice.</font>

</body>

</html>

***এবার এটি ata.html নামে সেভ করে double click করে ওপেন করুন। দেখুন নিচের ছবির মত আসছে।

****আপনারা বিভিন্ন font এর নাম কোথায় পাবেন এই নিয়ে চিন্তা করছেন????আপ্নারা মাইক্রোসফট অফিস ওয়ার্ড  ওপেন করে image এর দেখানো যায়গায় ক্লিক করুন তারপর আপনার পছন্দের font এর নামটি জেনে নিন।

 

আজ এ পর্যন্ত । আগামী পর্বে আবার দেখা হবে ।

Series Navigation<< আসুন HTML শিখি (পর্ব-৫)আসুন HTML শিখি (পর্ব-৭) >>