Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

এইচটিএমএল টেক্সট ফরম্যাটিং - HTML Text Formatting


টেক্সট ফরম্যাটিং

<body>

  <b>This is a text</b>
  <i>This is a text</i>
  <u>This is a text</u>
  <big>This is a text</big>
  <small>This is a text</small>

</body>
 
 

টেক্সট ফরম্যাটিং এলিমেন্ট

এইচটিএমএল এর কতগুল ট্যাগ আছে, যেগুলো ব্যবহার করে কোন text এর স্টাইল সরাসরি পরিবর্তন করা যায়, এর জন্য কোন সিএসএস বা স্টাইল কোড ব্যবহার করার প্রয়োজন হয় না। এই ট্যাগগুলোকে একত্রে ফরম্যাটিং ট্যাগ বলে। যে সকল ফরম্যাটিং ট্যাগ এইচটিএমএল এ ব্যবহার করা হয় সেগুলো হল -


<b> এবং <strong> এলিমেন্ট

এইচটিএমএল <b> ট্যাগ দ্বারা লেখাকে বোল্ড/গাঢ় করে প্রকাশ করা হয়, কিন্তু এর দ্বারা ঐ লেখাটির অতিরিক্ত কোন প্রয়োজনীয়তা প্রকাশ করা হয় না।

উদাহরণ


<b>This text is bold</b>

কোড এডিটর


এইচটিএমএল <strong> ট্যাগ ব্যবহার করে কোন লেখাকে শুধু গাঢ় বা bold রুপেই যে প্রকাশ করা হয় না, বরং সার্চ ইঞ্জিনের কাছে লেখাটির অর্থগত গুররুত্তপুরনতা প্রকাশ করা হয়।

উদাহরণ


<strong>This text is strong.</strong>

কোড এডিটর


এইচটিএমএল <strong> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.5 The strong element ওয়েব পেজটি ব্রাউজ করুন।


<i> এবং <em> এলিমেন্ট

এইচটিএমএল <i> ট্যাগ ব্যবহার করে কোন লেখাকে ইটালিক/বাঁকা রুপে করা প্রকাশ করা হয়, কিন্তু এই ট্যাগ সার্চ ইঞ্জিনের কাছে, লেখাটির কোন বাড়তি গুরুত্ব প্রকাশ করে না।

উদাহরণ


<i>This text is italic</i>

কোড এডিটর


এইচটিএমএল <em> ট্যাগ কোনো লেখাকে শুধু যে ইটালিক/বাঁকা রুপেই করা প্রকাশ করে, তাই না বরং এর সার্চ ইঞ্জিনের কাছে লেখাটির অর্থপূর্ণ গুরুত্বও প্রকাশ করে।

উদাহরণ


<em>This text is emphasized</em>

কোড এডিটর


এইচটিএমএল <em> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.4 The em element ওয়েব পেজটি ব্রাউজ করুন।

নোট - ব্রাউজারে <strong> এলিমেন্ট <b> এলিমেন্টের মতো এবং <em> এলিমেন্ট <i> এলিমেন্টের মতো কাজ করে। কিন্তু এদের ব্যবহারগত পার্থক্য রয়েছে, <b> এবং <i> এলিমেন্ট দুটি লেখা বা text কে যথাক্রমে বোল্ড এবং ইটালিক স্টাইল রুপে প্রদর্শন করে, কিন্তু <strong> এবং <em> দুটি লেখা বা text কে যথাক্রমে বোল্ড এবং ইটালিক স্টাইল রুপে প্রদর্শন করার পাশাপাশি সেই লেখার জন্য সার্চ ইঞ্জিনের কাছে অতিরিক্ত "গুরুত্ব" প্রকাশ করে।


<small> এলিমেন্ট

কোন লেখাকে সাধারনের থেকে অপেক্ষাকৃত ছোট করে দেখানোর জন্য এইচটিএমএল <small> ট্যাগ ব্যবহার করা হয়।

উদাহরণ


<h2>HTML <small>Small</small> Formatting</h2>

কোড এডিটর


এইচটিএমএল <small> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.6 The small element ওয়েব পেজটি ব্রাউজ করুন।


<mark> এলিমেন্ট

এইচটিএমএল <mark> ট্যাগ ব্যবহারের মাধ্যমে কোন টেক্সটকে হাইলাইট বা বিশেষ ভাবে চিহ্নিত করা হয়।

উদাহরণ


<h1>This text is<mark>Marked</mark> Formatting</h1>

কোড এডিটর


এইচটিএমএল <mark> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.7 The mark element ওয়েব পেজটি ব্রাউজ করুন।


<del> এলিমেন্ট

এইচটিএমএল <del> ট্যাগ ব্যবহার করে কোন লেখাকে ডিলেট করার মত অর্থাৎ লেখার মাঝ থেকে সমান্তরাল একটি লাইন যুক্ত করে প্রকাশ করা যায়।

উদাহরণ


<p>The sun rises in the <del>blue</del> est.</p>

কোড এডিটর


এইচটিএমএল <del> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.7.2 The del element ওয়েব পেজটি ব্রাউজ করুন।


<ins> এলিমেন্ট

এইচটিএমএল <ins> ট্যাগ ব্যবহার করে inserted অর্থাৎ কোন একটি লেখার পরিবর্তে কোন নতুন একটি লেখাকে প্রকাশ করা হয়। অর্থাৎ এই ট্যাগ কোন লেখার নিছে একটি সমান্তরাল দাগ বা undarline তৈরি করে।

উদাহরণ


<p>My favorite <ins>color</ins> is Sky Blue.</p>

কোড এডিটর


এইচটিএমএল <ins> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.7.1 The ins element ওয়েব পেজটি ব্রাউজ করুন।


<sub> এলিমেন্ট

এইচটিএমএল <sub> ট্যাগ দ্বারা কোন লেখাকে সাবস্ক্রিপ্ট অর্থাৎ সাধারনের থেকে অপেক্ষাকৃত ছোট এবং কিছুটা নিছে (EXAMPLE বা উদাহরণ) রুপে প্রকাশ করা হয়।

উদাহরণ


<p>This text is a <sub>subscripted</sub> text.</p>

কোড এডিটর


এইচটিএমএল <sub> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.17 The sub and sup elements ওয়েব পেজটি ব্রাউজ করুন।


<sup> এলিমেন্ট

এইচটিএমএল <sup> ট্যাগ ব্যবহার করে কোন টেক্সটকে সুপারস্ক্রিপ্ট অর্থাৎ সাধারনের থেকে অপেক্ষাকৃত ছোট এবং কিছুটা উপরে (EXAMPLE বা উদাহরণ) রুপে প্রকাশ করা হয়।

উদাহরণ


<p>This text is a <sup>superscripted</sup> text.</p>

কোড এডিটর


এইচটিএমএল <sup> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.17 The sub and sup elements ওয়েব পেজটি ব্রাউজ করুন।


সকল ফরম্যাটিং ট্যাগ

ট্যাগ বর্ণনা
<b>এই ট্যাগ, লেখাকে বোল্ড/গাঢ় স্টাইল প্রদান করে।
<em>কোন লেখাকে, এম্ফেসাইজ/গুরুত্বপূর্ণ টেক্সট রুপে প্রকাশ করে।
<i>এই ট্যাগ, কোন লেখাকে ইটালিক স্টাইল রুপে তৈরি করে।
<small>এই ট্যাগ, সাধারনের থেকে অপেক্ষাকৃত ছোট লেখা তৈরি করে।
<strong>কোন লেখাকে গুরুত্বপূর্ণ রুপে প্রকাশ করে।
<sub>এই ট্যাগ, লেখাকে সাবস্ক্রিপ্ট স্টাইল রুপে প্রকাশ করে।
<sup>এই ট্যাগ, লেখাকে সুপারস্ক্রিপ্ট স্টাইল রুপে প্রকাশ করে।
<ins>এই ট্যাগ, লেখাকে ইনসারটেড স্টাইল রুপে প্রকাশ করে।
<del>এই ট্যাগ, লেখাকে ডিলেটকৃত স্টাইল রুপে প্রকাশ করে।
<mark>এই ট্যাগ, কোন লেখাকে মার্ক/হাইলাইট করে প্রকাশ করে।