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>
রেজাল্ট:
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>
উপরের কোডগুলোর রেজাল্ট:
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">
এখানে src তে ছবির লোকেশন বা সার্ভারে কোথায় আছে ছবিটা দখিয়ে দিতে হয়। Width এ ছবি প্রশস্ত কত ও height এ ছবি উচ্চতা কত হবে তা লিখে দিতে পারবেন।
HTML Line Break ট্যাগ
HTML Line Break ট্যাগ বা <br /> ব্যবহার কোন যে কোন লিখার লাইন ব্রেক করতে পারবেন। এই ট্যাগ অন্য ট্যাগের মত বন্ধ রকতে হয়না। পুরানে ব্রাউজার গুলোতে কাজ করার জন্য <br /> এর এভাবে মাঝখানে অবশ্যই Space দিতে হবে। এছাড়া <br> ট্যাগ ব্যবহার করলে হবে তবে সেক্ষেত্রে XHTML এ লাইন ব্রেক কাজ করবেনা।