Curriculum
Course: HTML Mastery: From Basics to Brilliance
Login

Curriculum

HTML Mastery: From Basics to Brilliance

মডিউল ১: পরিচিতি এবং বেসিক HTML : 1. HTML পরিচিতি

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 2. HTML ডকুমেন্ট স্ট্রাকচার

0/2

মডিউল ১: পরিচিতি এবং বেসিক HTML : 3. বেসিক ট্যাগস

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 4. টেক্সট ফরম্যাটিং ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 1. লিস্ট তৈরির ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 2. লিঙ্ক তৈরির ট্যাগ

0/3
Text lesson

Bold (<b>), Italic (<i>), Underline (<u>)।

HTML-এ Bold, Italic, এবং Underline ট্যাগগুলো টেক্সটের ফরম্যাটিং এবং হাইলাইটিং করার জন্য ব্যবহৃত হয়। এগুলো ওয়েব পেজে পাঠ্যের ভিজ্যুয়াল বৈচিত্র আনতে সাহায্য করে।

1. Bold (<b>)

<b> ট্যাগ টেক্সটকে গাঢ় বা মোটা করে প্রদর্শন করতে ব্যবহৃত হয়। এটি টেক্সটকে গুরুত্ব দেয়ার জন্য উপযোগী।

গঠন:

<b>গাঢ় টেক্সট</b>

উদাহরণ:

<p>This is a <b>bold</b> text.</p>

আউটপুট:
This is a bold text.

2. Italic (<i>)

<i> ট্যাগ টেক্সটকে হালকা বাঁকানো (slanted) করে প্রদর্শন করে। এটি সাধারণত বিশেষ টেক্সট বা জোর দেয়ার জন্য ব্যবহৃত হয়।

গঠন:

<i>ইটালিক টেক্সট</i>

উদাহরণ:

<p>This is an <i>italic</i> text.</p>

আউটপুট:
This is an italic text.

3. Underline (<u>)

<u> ট্যাগ টেক্সটের নিচে একটি রেখা (underline) যোগ করে। এটি গুরুত্বপূর্ণ তথ্য বা হাইলাইট করার জন্য ব্যবহৃত হয়।

গঠন:

<u>আন্ডারলাইন টেক্সট</u>

উদাহরণ:

<p>This is an <u>underlined</u> text.</p>

আউটপুট:
This is an underlined text.

সমন্বিত উদাহরণ:

<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<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>You can <b><i><u>combine</u></i></b> these tags for a more styled text.</p>
</body>
</html>

আউটপুট:

  1. Bold টেক্সট।
  2. Italic টেক্সট।
  3. Underline টেক্সট।
  4. তিনটি ফরম্যাট একত্রে ব্যবহৃত হয়েছে।

CSS দিয়ে ফরম্যাটিং কাস্টমাইজেশন:

HTML ট্যাগগুলোর পাশাপাশি CSS দিয়ে টেক্সটকে আরো স্টাইলিশ করা যায়।

<style>
b {
color: blue;
}
i {
font-style: italic;
color: green;
}
u {
text-decoration: underline dotted red;
}
</style>

 

  • <b> ট্যাগ টেক্সটকে গাঢ় করে।
  • <i> ট্যাগ টেক্সট বাঁকানো করে।
  • <u> ট্যাগ টেক্সট আন্ডারলাইন করে।
  • এই ট্যাগগুলো সহজে টেক্সটের গুরুত্ব ও স্টাইল বোঝাতে সাহায্য করে।