HTML Coding
HTML এর যে সকল tag নিয়ে আলোচনা করা হবে।
TAG - <p> , <del> ,<br>, <u>, <i>, <q>, <b>, <sub>, <sup>, <h1>,<h2>,<h3>,<h4>,<h5>,<h6>
.png)
Basic structure of HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
HOW TO USE TAG IN HTML?
টেক্সট ফরম্যাটিং এর কলাকৌশল:
কোনো ওয়েবসাইটের জন্য পাঠযোগ্য এবং চাক্ষুষভাবে আকর্ষণীয় কন্টেন্ট তৈরি করা অত্যন্ত জরুরি। কিন্তু আপনার লেখা কেবল তথ্যপূর্ণই না, পাঠকদের পড়ার জন্য আকর্ষণীয়ও কীভাবে নিশ্চিত করবেন? এইচটিএমএল ফরম্যাটিং ট্যাগগুলো আপনার সাহায্যে আসে! এই ট্যাগগুলি আপনার টেক্স্টে গঠন, গুরুত্ব এবং স্টাইল যোগ করতে দেয়, ফলে ব্যবহারকারীদের জন্য আপনার বার্তাটি বুঝতে সহজ করে।
আমরা কিছু মৌলিক HTML ট্যাগ সম্পর্কে আলোচনা করব যা আপনার সাধারণ টেক্স্টকে একটি মাস্টারপিসে রূপান্তর করবে:
1. Paragraph <p> Tag:
<p> ট্যাগটি যেকোনো ওয়েব পেজের কন্টেন্টের ভিত্তি। এটি একটি অনুচ্ছেদকে সংজ্ঞায়িত করে, আপনার লেখার বিভিন্ন বিভাগের মধ্যে একটি স্বাভাবিক বিচ্ছেদ তৈরি করে। প্রতিটি নতুন অনুচ্ছেদ তার নিজস্ব `<p>` ট্যাগগুলির মধ্যে থাকা উচিত।
2. Strikethrough <del> Tag:
<del> ট্যাগটি এমন সামগ্রীকে নির্দেশ করে যা পৃষ্ঠা থেকে মুছে ফেলা বা সরানো হয়েছে। এটি পুরনো তথ্য হাইলাইট করতে বা টেক্স্টে করা সংশোধনগুলি দেখানোর জন্য উপযোগী।
3. line break <br> Tag :
<br> ট্যাগ আপনার টেক্স্টের মধ্যে একটি লাইন ব্রেক করে, এটি নতুন অনুচ্ছেদ তৈরি না করে পরবর্তী লাইনে যেতে বাধ্য করে। ঠিকানা ফর্ম্যাট করার সময় বা অনুচ্ছেদের মধ্যে ছোট বিরতি তৈরি করার জন্য এটি সহায়ক।
4. Bold or Strong <b> or <strong> Tag:
<b> এবং <strong> ট্যাগ উভয়ই টেক্সটকে বোল্ড করে। তবে, একটি সূক্ষ্ম পার্থক্য আছে:
<b>টেক্সটের **দৃশ্যমান চেহারাকে** জোর দেয়, এটিকে গুরুত্ব না জানিয়ে বোল্ড করে।
<strong> টেক্সটের **গুরুত্ব** জোর দেয়, দৃশ্যত (বোল্ড) এবং অর্থপূর্ণভাবে উভয়ই, এটি জানায় যে এটি গুরুত্বপূর্ণ অর্থ ধারণ করে।
5. ইটালিক (`<i>` or `<em>`) Tag:
বোল্ডের মতো, `<i>` এবং `<em>` ট্যাগগুলি টেক্স্টকে ইটালিক করে।
<i> কেবল টেক্সটের **দৃশ্যমান চেহারাকে** ইটালিকে পরিবর্তন করে।
<em> ইটালিকের মাধ্যমে **গুরুত্ব** বোঝায়, টেক্সটের গুরুত্বকে হাইলাইট করে।
6. আন্ডারলাইন <u> Tag:
`<u>` ট্যাগটি টেক্সটকে আন্ডারলাইন করে। যদিও এটি ঐতিহ্যগতভাবে গুরুত্ব দেওয়ার জন্য `<u>` ট্যাগ ব্যবহার করা হত, এটি এখন এড়িয়ে চলা ভালো। কারণ এটি অ্যাক্সেসিবিলিটি সমস্যা তৈরি করতে পারে। আন্ডারলাইনিংয়ের জন্য CSS স্টাইলিং ব্যবহার করা disrecommended.
7. Quotation <q> Tag:
<q> ট্যাগটি ছোট ইনলাইন উদ্ধৃতির জন্য ব্যবহৃত হয়। এটি উদ্ধৃত পাঠ্যের চারপাশে উদ্ধৃতি চিহ্ন যোগ করে, এটিকে आसपासের सामग्री থেকে দৃশ্যত আলাদা করে।
8. সাবস্ক্রিপ্ট <sub> এবং সুপারস্ক্রিপ্ট <sup> Tag:
এই ট্যাগগুলি আপনাকে টেক্সটকে সাবস্ক্রিপ্ট (নিচের বেসলাইনের) বা সুপারস্ক্রিপ্ট (উপরে বেসলাইনের) হিসাবে ফর্ম্যাট করতে দেয়। এগুলি সাধারণত গাণিতিক সমীকরণ, রাসায়নিক সূত্র এবং ফুটনোটের জন্য ব্যবহৃত হয়।
9. Heading <h1> থেকে <h6> Tag:
শিরোনামগুলি (`<h1>` থেকে `<h6>`) আপনার কন্টেন্টকে গুরুত্বের বিভিন্ন স্তর সংজ্ঞায়িত করে কাঠামো দেয়। `<h1>` সবচেয়ে গুরুত্বপূর্ণ শিরোনামকে表逹 করে, जबकि `<h6>` কম গুরুত্বপূর্ণ বোঝায়। পাঠকদের আপনার কন্টেন্টের মাধ্যমে গাইড করতে এবং একটি স্পষ্ট কাঠামো তৈরি করতে কৌশলে এই ট্যাগগুলি ব্যবহার করুন।
মনে রাখবেন:
নেস্টিং: আপনি জটিল ফর্ম্যাটিং অর্জন করতে এই ট্যাগগুলির মধ্যে কিছুকে একে অপরের মধ্যে স্থাপন করতে পারেন।
ক্লোজ ট্যাগ: বেশিরভাগ ট্যাগের জন্য একটি ক্লোজিং ট্যাগ (যেমন, `<b>` এর জন্য `</b>` প্রয়োজন) ফর্ম্যাটিং শেষ হওয়ার পর ব্যবহার করতে হয়।
