এইচটিএমএল ফর্ম্যাটিং (HTML Formatting)
ওয়েব পেজ ডিজাইনে শুধুমাত্র কনটেন্ট দেখানোই সব নয়—টেক্সটকে সুন্দরভাবে উপস্থাপন করা, গুরুত্বপূর্ণ অংশ হাইলাইট করা, স্টাইল যোগ করা, পাঠযোগ্যতা বাড়ানো—এসবের মাধ্যমেই একটি ওয়েব পেজ দেখা যায় আকর্ষণীয় ও প্রফেশনাল।
এই উদ্দেশ্যে HTML এ রয়েছে Formatting Tags, যেগুলো টেক্সটের রূপ, গুরুত্ব, আকার বা স্টাইল পরিবর্তন করতে ব্যবহৃত হয়।
HTML Formatting কী?
HTML Formatting হলো এমন ট্যাগসমূহ যা টেক্সটকে গাঢ়, ইটালিক, আন্ডারলাইন, হাইলাইট, ছোট বা বড় আকারে দেখাতে সাহায্য করে। এর মাধ্যমে কনটেন্টের গুরুত্বপূর্ণ অংশ পাঠকের চোখে পড়ে।
গুরুত্বপূর্ণ HTML Formatting Tags
| উদ্দেশ্য | ট্যাগ | উদাহরণ |
|---|---|---|
| গাঢ় করার জন্য | <b> বা <strong> | Bold Text |
| ইটালিক করার জন্য | <i> বা <em> | Italic Text |
| আন্ডারলাইন | <u> | Underlined Text |
| হাইলাইট করা | <mark> | Highlighted text |
| কাটা দেখানো (strike) | <del> | |
| ইনসার্ট করা | <ins> | <ins>Inserted Text</ins> |
| ছোট টেক্সট | <small> | small text |
| superscript | <sup> | 10<sup>2</sup> |
| subscript | <sub> | H<sub>2</sub>O |
উদাহরণ কোড
><h2>HTML Formatting উদাহরণ</h2>
<html>
<head>
<title>HTML Formatting Example</title>
</head>
<body><p><b>Bold text</b> ব্যবহার করে গুরুত্ব বোঝানো যায়।</p><p><i>Italic text</i> সাধারণত শব্দ আলাদা করে দেখাতে ব্যবহৃত হয়।</p>
<p><u>Underline</u> দিয়ে টেক্সটকে জোর দিয়ে দেখানো হয়।</p>
<p><mark>Marked text</mark> দিয়ে হাইলাইট করা যায়।</p>
<p><del>Old price: 500Tk</del> <ins>New price: 350Tk</ins></p>
<p>Chemical Formula: H<sub>2</sub>O</p>
<p>Math Power: 10<sup>2</sup></p>
</body>
</html>
Formatting কেন দরকার?
- গুরুত্বপূর্ণ বিষয় হাইলাইট করতে
- SEO এবং পাঠযোগ্যতা বাড়াতে
- ইউজার এক্সপেরিয়েন্স উন্নত করতে
- কন্টেন্ট স্টাইলিং আরও সুন্দর করতে
উপসংহার
HTML Formatting একটি webpage-কে আরও প্রফেশনাল ও আকর্ষণীয় করে তোলে।
আপনি লিখিত কনটেন্টে যদি সঠিকভাবে <b>, <i>, <mark> ইত্যাদি ট্যাগ ব্যবহার করেন—আপনার কনটেন্ট ব্যবহারকারীর চোখে দ্রুত ধরা পড়ে।
