Skip to main content

HTML Heading ট্যাগ

HTML এর যে কোন পেইজের শুরুতে Heading থাকে। Heading বিভিন্ন সাইজের হয়ে থাকে। তবে মোট ৬ ধরণের Heading ট্যাগ আছে । এগুলো হচ্ছে : <h1>, <h2>, <h3>, <h4>, <h5> এবং <h6>

উদাহরণসরূপ:

<!DOCTYPE html>
<html>

   <head>
      <title>Heading Example</title>
   </head>
	
   <body>
      <h1>This is heading 1</h1>
      <h2>This is heading 2</h2>
      <h3>This is heading 3</h3>
      <h4>This is heading 4</h4>
      <h5>This is heading 5</h5>
      <h6>This is heading 6</h6>
   </body>
	
</html>

রেজাল্ট:

Heading Example

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

<h1> সাইজে <h2> থেকে বড়। ক্রমানয়ে <h2> সাইজে <h3> থেকে বড়। <h3> সাইজে <h4> থেকে বড়। যত Heading ট্যাগ নিচে নামবে তত সাইজে ছোট হতে থাকবে।

HTML Paragraph ট্যাগ

HTML Paragraph ট্যাগ ব্যবহার করে কোন ওয়োবপেইজে আপনার লেখাগুলোকে আলাদা আলাদা Paragraph বা অনুচ্ছেদ তৈরি করতে পারবেন। প্রত্যেকটা Paragraph বা অনুচ্ছেদের লিখাগুলি <p> </p> ট্যাগের মাঝখানে থাকতে হবে।

উদাহরণসরূপ:

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Paragraph Example</title>
   </head>
	
   <body>
      <p>Here is a first paragraph</p>
      <p>Here is a second paragraph</p>
      <p>Here is a third paragraph</p>
   </body>
	
</html>

উপরের কোডগুলোর রেজাল্ট:

HTML Paragraph Example

Here is a first paragraph

Here is a second paragraph

Here is a third paragraph

HTML Links or Attributes ট্যাগ

HTML Links or Attributes ব্যবহার করে আপনি যে কোন বাটনে বা লিখাতে লিংক যুক্ত করতে পারবেন। লিংক যুক্ত করতে <a> </a> ট্যাগ ব্যবহার করতে হয়। যে লেখাতে বা বাটনে লিংক যুক্ত করবেন সে লেখাটি <a> </a> ট্যাগের ভিতরে থাকতে হয় এবং ক্লিক করলে যে লিংকে যাবে সেটা href=”” ডাবল কোটেশনের ভিতর দিতে হবে। যেমন: <a href=”https://www.google.com”>

উদাহরণসরূপ:

<a href="https://www.softwarexit.com">Click here to visit this link</a>

রেজাল্ট:

Click here to visit this link

উপরের Click here to visit this link লিখাতে ক্লিক করুন দেখবেন Softwarexit.com ওয়েবসাইটে চলে যাবেন।

HTML Image ট্যাগ

HTML এ কোন ছবি যুক্ত করতে <img> ট্যাগ ব্যবহার করতে হয় । তবে এই <img> ট্যাগ অন্য ট্যাগের মত বন্ধ করতে হয়না।

<img src="softwarex.png" alt="SoftwareX IT Logo" width="500" height="500">
SoftwareX IT Logo

এখানে src তে ছবির লোকেশন বা সার্ভারে কোথায় আছে ছবিটা দখিয়ে দিতে হয়। Width এ ছবি প্রশস্ত কত ও height এ ছবি উচ্চতা কত হবে তা লিখে দিতে পারবেন।

HTML Line Break ট্যাগ

HTML Line Break ট্যাগ বা <br /> ব্যবহার কোন যে কোন লিখার লাইন ব্রেক করতে পারবেন। এই ট্যাগ অন্য ট্যাগের মত বন্ধ রকতে হয়না। পুরানে ব্রাউজার গুলোতে কাজ করার জন্য <br /> এর এভাবে মাঝখানে অবশ্যই Space দিতে হবে। এছাড়া <br> ট্যাগ ব্যবহার করলে হবে তবে সেক্ষেত্রে XHTML এ লাইন ব্রেক কাজ করবেনা।

Moin Uddin

আমি মঈন উদ্দীন । একজন ফুল স্টেক ওয়েব ডেভেলপার ও SoftwareX IT এর প্রতিষ্ঠাতা

Leave a Reply

× How can I help you?