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

Emphasis এবং Strong (<em>, <strong>)।

HTML-এ <em> এবং <strong> ট্যাগগুলো টেক্সটের গুরুত্ব বা অর্থে বিশেষ জোর দেয়ার জন্য ব্যবহৃত হয়। এগুলো কেবল ভিজ্যুয়াল স্টাইলিং নয়, বরং স্ক্রিন রিডারের মাধ্যমে অ্যাক্সেসিবিলিটিও উন্নত করে।

1. Emphasis (<em>)

বর্ণনা:

<em> ট্যাগ মূলত টেক্সটের উপর emphasis বা জোর দেয়। স্ক্রিন রিডারগুলো এই ট্যাগের টেক্সটকে বিশেষভাবে জোর দিয়ে পড়ে।

ভিজ্যুয়াল প্রভাব:

বেশিরভাগ ব্রাউজারে এটি ইটালিক ফন্ট হিসেবে প্রদর্শিত হয়।

গঠন:

html
 
<em>এম্ফ্যাসিস টেক্সট</em>

উদাহরণ:

html
 
<p>You should <em>really</em> try this dish!</p>

আউটপুট:
You should really try this dish!

2. Strong (<strong>)

বর্ণনা:

<strong> ট্যাগ টেক্সটের উপর বেশি জোর দেয়, যা টেক্সটকে গুরুত্বপূর্ণ বা জরুরি হিসেবে নির্দেশ করে। স্ক্রিন রিডারগুলো এটি জোর দিয়ে পড়ে।

ভিজ্যুয়াল প্রভাব:

বেশিরভাগ ব্রাউজারে এটি গাঢ় (bold) ফন্ট হিসেবে প্রদর্শিত হয়।

গঠন:

html
 
<strong>গুরুত্বপূর্ণ টেক্সট</strong>

উদাহরণ:

html
 
<p>This is a <strong>very important</strong> announcement.</p>

আউটপুট:
This is a very important announcement.

Emphasis এবং Strong একসাথে ব্যবহার:

html
 
<p><strong>Warning:</strong> You should <em>immediately</em> leave the building.</p>

আউটপুট:
Warning: You should immediately leave the building.

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

html
 
<!DOCTYPE html>
<html>
<head>
<title>Emphasis and Strong</title>
</head>
<body>
<h1>Emphasis and Strong Example</h1>
<p>This is an <em>important point</em> to consider.</p>
<p>This is a <strong>critical warning</strong> to follow.</p>
<p>Combine both: This is <strong>extremely <em>important</em></strong> to note.</p>
</body>
</html>

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

html
 
<style>
em {
font-style: italic;
color: blue;
}
strong {
font-weight: bold;
color: red;
}
</style>

ব্যবহারক্ষেত্র:

  1. <em> ট্যাগ:

    • কথোপকথনে কোনো শব্দে জোর দিতে।
    • উদাহরণ:
      html
       
      <p>I <em>really</em> like this movie.</p>

  2. <strong> ট্যাগ:

    • সতর্কতা, জরুরি বা গুরুত্বপূর্ণ তথ্যের জন্য।
    • উদাহরণ:
      html
       
      <p><strong>Attention:</strong> The deadline is tomorrow.</p>

 

  • <em> ট্যাগ ব্যবহার করা হয় হালকা জোর দিতে, সাধারণত ইটালিক ফন্টে।
  • <strong> ট্যাগ ব্যবহার করা হয় বেশি জোর দিতে, সাধারণত গাঢ় ফন্টে।
  • এই ট্যাগগুলো অ্যাক্সেসিবিলিটির জন্য গুরুত্বপূর্ণ এবং ওয়েবসাইটে তথ্যের গুরুত্ব প্রকাশে সহায়ক।