বেসিক এইচটিএমএল(HTML)শিখুন টিউটোরিয়াল [পর্ব-৫] : এইচটিএমএল প্যারাগ্রাফ ও হেডিং [Heading] ট্যাগ

       how-to-learn-html-css-and-javascript-how-to-learn-html5-how-to-learn-html-quickly-learn-html-codes-how-to-learn-html-and-css-learn-basic-html-how-to-learn-html-pdf-ho

 

     শুরু করছি বেসিক এইচটিএমএল(HTML)শিখুন টিউটোরিয়াল এর ৫ম পর্ব। আগের পর্বে লিখেছিলাম ইচটিএমএল এট্রিবিউট (Attribute) ট্যাগ নিয়ে, আজকের পর্বে আলোচনা করবো এইচটিএমএল প্যারাগ্রাফ ও হেডিং [Heading]  ট্যাগ নিয়ে।

 

 

এইচটিএমএল  প্যারাগ্রাফঃ

    এইচটিএমএল ট্যাগ সমূহের মধ্যে প্যারাগ্রাফ অনেক গুরুত্বপূর্ণ ট্যাগ।এইচটিএমএল এ কোন টেক্সট লেখার জন্য সাধারণত এইচটিএমএল প্যারাগ্রাফ ট্যাগ ব্যবহার করা হয়। প্যারাগ্রাফ ট্যাগ ব্যবহার করে টেক্সট এর লাইন গুলোকে আলাদা করা হয়।প্যারাগ্রাফ ট্যাগটি <p> দিয়ে শুরু এবং <p/> দিয়ে শেষ হয়। নিচের কোডটুকু এডিটরে কপি পেস্ট করে দিন-

<!DOCTYPE HTML>

<html>

<head>

<title> HTML Paragraph </title>

</head>

<body>

<p> Bangladesh is our Country. It is a very beautiful Country.  Bangladesh is our Country. It is a very beautiful Country.  Bangladesh is our Country. It is a very beautiful Country.  Bangladesh is our Country. It is a very beautiful Country.  </p>

<p> It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. </p>

<p> It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. It is a small country. But it has a Large Population. </p>

 

</body>

</html>

 

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

Screenshot_1

হেডিং [Heading]  ট্যাগঃ

হেডিং ট্যাগটি এইচটিএমএল এ একটি গুরুত্বপূর্ণ ট্যাগ এইচটিএমএল (HTML) হেডিং ট্যাগ বলতে সাধারণত শিরোনামকে বুঝানো হয় যখন কেউ কোন কন্টেন্ট এর শিরোনাম লিখতে যায় তখন এইচটিএমএল হেডিং ট্যাগ ব্যবহার করা হয়। আবার একটা আর্টিকেলে যদি ৪/৫ টি প্যারাগ্রাফ থাকে তাহলে প্রতিটি প্যারাগ্রাফের একটি করে শিরোনাম এই হেডিং ট্যাগের মাধ্যমে ব্যাবহার করা হয়।

এইচটিএমএল এর হেডিং ট্যাগ ছয়টিযথাঃ <h1>, <h2>, <h3>, <h4>, <h5>, ও <h6>, এই গুলোর মধ্যে সবচেয়ে বড় হল <h1> আর সবচেয়ে ছোট হল <h6> অর্থাৎ ক্রমান্বয়ে বড় থেকে ছোট

       এবার এর ব্যবহার দেখা যাক, নিচের কোড টুকু যেকোনো এডিটরে লিখুন বা কপি পেস্ট করুন।

<!DOCTYPE HTML>

<html>

<head>

<title> HTML heading </title>

</head>

<body><h1> This is Heading One </h1>

<h2> This is Heading Two </h2>

<h3> This is Heading Three </h3>

<h4> This is Heading Four </h4>

<h5> This is Heading Five </h5>

<h6> This is Heading Six </h6>

</body>

</html>

এবার সেভ করে কোন ব্রাউজারে ওপেন করলে নিচের ছবির মতো দেখাবে,

Screenshot_2

   ছয়টি আলাদা আলাদা হেডিং বা শিরোনাম আপনারা দেখতে পাচ্চেন, যা বিভিন্ন আর্টিকেল লেখার সময় বিভিন্ন সময়ে এসব হেডিং আমরা ব্যাবহার করি। আর্টিকেলটি পড়ার জন্য ধন্যবাদ। আজ এই পর্যন্ত। আগামী পর্ব দেখার আমন্ত্রণ জানিয়ে এখানেই শেষ করছি। 

 

 

 

আরো পোস্ট দেখুন

comments