HTML টেক্সট ফরম্যাটিং: শিখুন Text Formatting Tags (পর্ব ৩) HTML টিউটোরিয়াল
🔹 HTML টেক্সট ফরম্যাটিং (<b>, <i>, <u>, <strong>, <em>)
আলোচনার জন্য এখানে কোড এবং ব্যাখ্যা দেওয়া হলো, যাতে তুমি ধাপে ধাপে বুঝতে পারো! 🎬😃
📌 HTML টেক্সট ফরম্যাটিং ট্যাগস
✅ কোড উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text Formatting in HTML</title>
</head>
<body>
<h1>Text Formatting in HTML</h1>
<p>This is a <b>bold</b> text.</p>
<p>This is an <i>italic</i> text.</p>
<p>This is an <u>underlined</u> text.</p>
<p>This is a <strong>strong (bold with importance)</strong> text.</p>
<p>This is an <em>emphasized (italic with importance)</em> text.</p>
</body>
</html>
🔹 ১. <b> - বোল্ড টেক্সট
👉 "আমরা <b> ট্যাগ ব্যবহার করে টেক্সট বোল্ড করতে পারি। এটি শুধুমাত্র লেখা মোটা দেখানোর জন্য ব্যবহৃত হয়, তবে এটি SEO-তে গুরুত্ব বহন করে না।"
📌 কোড রেফারেন্স:
✅ <b>bold</b> → "এটি শুধুমাত্র লেখা বোল্ড দেখাবে।"
🔹 ২. <i> - ইতালিক টেক্সট
👉 "আমরা <i> ট্যাগ ব্যবহার করে লেখাকে হেলে (italic) দেখাতে পারি। এটি সাধারণত কোনো শব্দ বা বাক্যের উপর জোর দিতে ব্যবহৃত হয়।"
📌 কোড রেফারেন্স:
✅ <i>italic</i> → "এই লেখা হেলে থাকবে।"
🔹 ৩. <u> - আন্ডারলাইন টেক্সট
👉 "আমরা <u> ট্যাগ ব্যবহার করে টেক্সটের নিচে আন্ডারলাইন দিতে পারি। এটি সাধারণত গুরুত্বপূর্ণ বা হাইলাইট করা টেক্সটের জন্য ব্যবহৃত হয়।"
📌 কোড রেফারেন্স:
✅ <u>underlined</u> → "এই লেখার নিচে লাইন থাকবে।"
💡 অতিরিক্ত তথ্য:
👉 "আন্ডারলাইন করা লিংকের (Hyperlink) মতো দেখাতে পারে, তাই এটি ব্যবহার করার সময় সতর্ক থাকতে হবে।"
🔹 ৪. <strong> - গুরুত্বপূর্ণ বোল্ড টেক্সট
👉 "আমরা <strong> ট্যাগ ব্যবহার করে টেক্সটকে বোল্ড করতে পারি, তবে এটি <b> এর থেকে আলাদা। কারণ, এটি SEO-তে বেশি গুরুত্ব পায় এবং গুগল এটিকে গুরুত্বপূর্ণ টেক্সট বলে মনে করে।"
📌 কোড রেফারেন্স:
✅ <strong>strong (bold with importance)</strong> → "এটি শুধু বোল্ড নয়, গুরুত্বপূর্ণ টেক্সটও বোঝায়।"
💡 অতিরিক্ত তথ্য:
👉 "যখন কোনো স্ক্রিন রিডার (screen reader) ব্যবহার করা হয়, তখন <strong> ট্যাগ ব্যবহার করা টেক্সটকে বেশি গুরুত্ব দেওয়া হয়।"
🔹 ৫. <em> - গুরুত্ব দেওয়া (emphasized) টেক্সট
👉 "আমরা <em> ট্যাগ ব্যবহার করি টেক্সটের উপর জোর দিতে। এটি দেখতে <i> এর মতো হলেও, এটি গুরুত্বপূর্ণ তথ্য বোঝায়।"
📌 কোড রেফারেন্স:
✅ <em>emphasized</em> → "এটি italic দেখাবে, তবে গুগল এটিকে গুরুত্বপূর্ণ টেক্সট হিসেবে চিনবে।"
💡 অতিরিক্ত তথ্য:
👉 "স্ক্রিন রিডার এই <em> ট্যাগ ব্যবহার করা টেক্সটকে জোর দিয়ে পড়বে।"
🎯 উপসংহার
👉 "আজ আমরা শিখলাম HTML-এর টেক্সট ফরম্যাটিং ট্যাগগুলো, যেমন<b>, <i>, <u>, <strong>, এবং <em>। এগুলো ব্যবহার করে আমরা ওয়েবসাইটের টেক্সটকে সুন্দরভাবে সাজাতে পারি এবং গুরুত্বপূর্ণ অংশগুলো আলাদা করে দেখাতে পারি।"
