Formatting Tags এইচটিএমএল দিয়ে Text Format করার একটি কম্বোপ্যাক ! - জীবন গড়ি প্রযুক্তির সুরে ♫

Infotech Ad Top new

Infotech ad post page Top

Formatting Tags এইচটিএমএল দিয়ে Text Format করার একটি কম্বোপ্যাক !

Formatting Tags এইচটিএমএল দিয়ে Text Format করার একটি কম্বোপ্যাক !

Share This
সবাইকে ইনফোটেকলাইফ.কম এর পক্ষ থেকে  স্বাগতম। পুর্বের অধ্যায়ে আমরা  ওয়েব ডিজাইন ও এইচটিএমএল শিখতে আপনারে যে সকল যন্ত্রপাতি লাগবে তা বিস্তারিত আলোচনা করে ছি। আশা করি আপনারা সেই অনুযায়ী আপনার কম্পিউটারকে সেট আপ দিয়ে ফেলেছেন। এছাড়া আমরা একটি পর্বে আলোচনা করেছি কিভাবে এইচটিএমএল ব্যবহার করে একটি সিম্পল ওয়েব পেজ তৈরী করতে হয়। আজ আমরা আলোচনা করব তৈরীকৃত পেইজে কিভাবে পোস্ট লিখা ও তাকে বিভিন্ন ফরমাটে উপস্থাপন করা যায়। অবশ্য ওয়েব সাইটে লেখা লেখি করার জন্য বিভিন্ন সিএমস(CMS= Content Management System) রয়েছে। যেমন: WordPress, Joomla, Blogger ইত্যাদি যা  দিয়ে আপনি মাইক্রোস্ফট ওয়ার্ডে টাইপ করার মতই সেখানে লেখা-লেখি করতে পারবেন। কিন্তু এইচটিএমএল Formatting Tags জানা থাকলে আপনি অনায়াসে তাকে নিজর মত করে সুন্দরভাবে আপনার টেক্সটকে উপস্থাপন করতে পারবেন।  তো আসুন শুরু করাযাক।

আমরা এই পোস্ট থেকে জেনেছি যে, এইচটিএমএল ট্যাগ তিন প্রকার যথা: Formatting Tags, Page structure Tags এবং Control Tags। আজ আমরা আলোচন করব Formatting Tags নিয়ে।

Heading Tags:  কোন লেখার শুরতে আমরা নিশ্চয় সেই লেখার একটি শিরোনাম দিয়ে থাকি। এই শিরোনামটি হয় মুল লেখা হতে একটু বড় সাইজের। যা তাকে অতি সহজেই অন্য লেখা হতে আলাদা করে। যা এই ফরমাটে লেখা হয়ে থাকে -  <h> ....</h> । Heading Tag সাধারনত: ছয় ধরনের হয়ে থাকে, যেমন:

  • <h1>............</h1>
  • <h2>............</h2>
  • <h3> ............</h3>
  • <h4> ............</h4>
  • <h5>.............</h5>
  • <h6> ............</h6>
নিচের কোড হাইলাইটারের লেখা টুকু ভাল ভাবে লক্ষ্য করুন।


<html>
 <head>
  <title> This is a page title </title>
 </head>
 <body>
  <h1> This is a post title </h1>
  <h2> This is a post title </h2>
  <h3> This is a post title </h3>
  <h4> This is a post title </h4>
  <h5> This is a post title </h5>
  <h6> This is a post title </h6>
 <p>This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.</p>
 </body>
</html>

উপরের কোড হাইলাইটারের কোডটুকু ভাল ভাবে লক্ষ্য করুন। একটু চিন্তা করুন। এখানে আমি আমার পোস্টের হেডিং বা শিরোনাম টি কে <h1> ,,,, <h6> কোড এর মধ্যে রেখেছি। যার ফলে কি ঘটেছে তা দেখার জন্য প্রথমে আপনার নোটপ্যাড++ এ এটি কে সেভ করুন এবং এটি কে একটি ব্রাউজারে রান করান(রান করাতে আপনার নোটপ্যাডের Run অপশনে ক্লিক করুন এবং এখান হতে Launch in Firefox ক্লিক করুন)।  আশা করি বুঝতে পেরেছেন। পরবতী পর্বের অপেক্ষায় থাকুন খোদা হাফেজ !

1 comment:

MD Abdullah said...

onek valo hoyeche dhonnobad . muktoit te amar kora tune ti dekhe nite paren . html formating Tutorial in bangla

Post a Comment

Infotech Post Bottom Ad New

Pages