এইচটিএমএল ফরম্যাটিং

HTML এ বেশ কিছু ট্যাগ আছে যেগুলো বিশেষ অর্থ বহন করে এবং টেক্সট ফরম্যাটিং এর জন্য বেশ কিছু ট্যাগ ও আছে ।

উদাহরণ

আমি স্বাভাবিক

আমার লেখাগুলো মোটা

আমার লেখাটি বাকা বা ইটালিক

এখানে সুপারক্রিপ্টসাবস্ক্রিপ্ট ব্যবহার হয়েছে

বর্তমান দাম ২৫০টাকা  ২৩৫টাকা

নিজে চেষ্টা করুন

এইচটিএমএল ফরম্যাটিং বা বিন্যাসকরণ উপাদানসমূহ

বিন্যাসকারী উপাদানগুলি বিশেষ ধরণের টেক্সট প্রদর্শন করার জন্য ডিজাইন করা হয়েছিল।

  • <b> – বোল্ড বা মোটা টেক্সট
  • <strong> – গুরুত্বপুর্ণ টেক্সট
  • <i> – ইটালিক বা বাঁকা টেক্সট
  • <em> – স্পেশাল ইমপরটেন্ট টেক্সট
  • <mark> – মার্ক করা টেক্সট
  • <small> – ছোট লেখা
  • <del> – ডিলিট বা বদল হয়েছে এমন টেক্সট
  • <ins> – ইনসার্ট টেক্সট
  • <sub> – সাবস্ক্রিপট
  • <sup> – সুপারস্ক্রিপট

এই সব এলিমেন্ট গুলো সাধারনত p tag এর ভেতরে  বেশি ব্যবহার হয়।

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

এইচটিএমএল <b> উপাদান বা এলিমেন্ট টি কোনও অতিরিক্ত গুরুত্ব ছাড়াই মোটা লেখা সংজ্ঞায়িত করে।

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p> This is normal text and <b> This is bold text </b></p>
<p> This is normal text and <b> This is bold text </b></p>
<p> This is normal text and <b> This is bold text </b></p>

নিজে চেষ্টা করুন

এইচটিএমএল <strong>  এলিমেন্ট টি কোনও অতিরিক্ত গুরুত্ব সহ মোটা লেখা সংজ্ঞায়িত করে।

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p> Normal text and <strong> bold text with strong tag </strong></p>
<p> Normal text and <strong> bold text with strong tag </strong></p>
<p> Normal text and <strong> bold text with strong tag </strong></p>

নিজে চেষ্টা করুন


 

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

<i> এলিমেন্ট টি একটি লেখার অংশ বিশেষ প্রকাশ করতে  কিংবা একই লেখাটি অন্য ভাবে প্রকাশ করতে ব্যবহৃত হয় ।

<i> ট্যাগটি প্রায়শই কোনও প্রযুক্তিগত শব্দ, অন্য ভাষার কোনও শব্দগুচ্ছ, একটি চিন্তাভাবনা, জাহাজের নাম ইত্যাদি বোঝাতে ব্যবহৃত হয়

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<h1>This is <i>i tag</i></h1>
<h1>This is <i>i tag</i></h1>
<h1>This is <i>i tag</i></h1>

নিজে চেষ্টা করুন

এইচটিএমএল <em> এলিএমন্ট টি জোর দিয়ে উচ্চারিত হয় এমন টেক্সট সংজ্ঞায়িত করে। ভিতরে থাকা কনটেন্ট টি সাধারণত তির্যকভাবে (ইটালিক আকারে) প্রদর্শিত হয়।

একটি স্ক্রিন রিডার মৌখিক চাপ ব্যবহার করে <em> এ জোর দিয়ে শব্দগুলি উচ্চারণ করবে।

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p><em>This text is emphasized</em></p>
<p><em>This text is emphasized</em></p>
<p><em>This text is emphasized</em></p>

নিজে চেষ্টা করুন


 

এইচটিএমএল <small> এলিমেন্ট

এইচটিএমএল <small> এলিমেন্ট ছোট টেক্সট নির্দেশ করে:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<h2>This is normal but <small>this is small in h2 tag</small></h2>
<h2>This is normal but <small>this is small in h2 tag</small></h2>
<h2>This is normal but <small>this is small in h2 tag</small></h2>

নিজে চেষ্টা করুন


 

এইচটিএমএল <mark> এলিমেন্ট

এইচটিএমএল <mark> এলিমেন্টটি  কোন টেক্সট কে আলাদা ভাবে মার্ক করে :

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p>Bangadesh is <mark>beautiful</mark> country</p>
<p>Bangadesh is <mark>beautiful</mark> country</p>
<p>Bangadesh is <mark>beautiful</mark> country</p>

নিজে চেষ্টা করুন


 

এইচটিএমএল <del> এলিমেন্ট

এইচটিএমএল <del> এলিমেন্টটি  এমন কোনও টেক্সট সংজ্ঞায়িত করে যা একটি HTML Document থেকে মুছে ফেলা হয়েছে। মুছে ফেলা টেক্সট গুলোর মধ্যে ব্রাউজারগুলি সাধারণত একটি লাইন দিয়ে থাকে ।

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p> বর্তমনা দাম <del>২৫০৳</del> ২৩০৳</p>
<p> বর্তমনা দাম <del>২৫০৳</del> ২৩০৳</p>
<p> বর্তমনা দাম <del>২৫০৳</del> ২৩০৳</p>

নিজে চেষ্টা করুন


 

এইচটিএমএল <ins> এলিমেন্ট

এইচটিএমএল <ins> এলিমেন্টটি  এমন কোনও টেক্সট সংজ্ঞায়িত করে যা একটি HTML Document থেকে মুছে ফেলা এর পরিবর্তে যুক্ত হয়েছে । ইনসার্ট করা টেক্সট গুলোর নিচে ব্রাউজারগুলি সাধারণত একটি লাইন দিয়ে থাকে ।

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p> বর্তমনা দাম <del>২৫০৳</del> <ins>২৩০৳<ins></p>
<p> বর্তমনা দাম <del>২৫০৳</del> <ins>২৩০৳<ins></p>
<p> বর্তমনা দাম <del>২৫০৳</del> <ins>২৩০৳<ins></p>

নিজে চেষ্টা করুন


 

এইচটিএমএল <sup> এলিমেন্ট

এইচটিএমএল <sup> এলিমেন্টটি  টেক্সট এর উপরে ছোট টেক্সট যোগ করে যা  সুপারস্ক্রিপ্ট (superscript) নামে পরিচিত । এটি এ করম কিছু লেখা তৈরিতে সাহায্য করে A2 , 4TH

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
(a+b)<sup>2</sup> = a<sup>2</sup> + 2ab + b<sup>2</sup>
(a+b)<sup>2</sup> = a<sup>2</sup> + 2ab + b<sup>2</sup>
(a+b)<sup>2</sup> = a<sup>2</sup> + 2ab + b<sup>2</sup>

নিজে চেষ্টা করুন


 

এইচটিএমএল <sub> এলিমেন্ট

এইচটিএমএল <sub> এলিমেন্টটি  টেক্সট এর নিচে ছোট টেক্সট যোগ করে যা  সাবস্ক্রিপ্ট (subscript) নামে পরিচিত । এটি রাসায়নিক যৌগের সংকেত লেখা তৈরিতে সাহায্য করে H2O

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p>
H<sub>2</sub>SO<sub>4</sub> represent sulfuric acid
</p>
<p> H<sub>2</sub>SO<sub>4</sub> represent sulfuric acid </p>
<p>
   H<sub>2</sub>SO<sub>4</sub> represent sulfuric acid
</p>

নিজে চেষ্টা করুন


 

HTML Text Formatting Elements

<b>বোল্ড লেখা তৈরি করে
<strong>গুরুত্বের সাথে বোল্ড লেখা তৈরি করে (সার্চ ইন্জিন এর জন্য)
<i>ইটালিক লেখা তৈরি করে
<em>জোর দিয়ে উচ্চারন সহ ইটালিক লেখা তৈরি করে (মেসিন ভয়েচ রিডার এর জন্য)
<small>ছোট লেখা তৈরি করে
<sub>সাবস্ক্রিপ্ট বা নিচে পাওয়ার যুক্ত লেখা তৈরি করে
<sup>সুপারক্রিপ্ট বা উপরে পাওয়ার যুক্ত লেখা তৈরি করে
<ins>লেখা যুক্ত হয়েছে বোঝায় (সার্চ ইন্জিন এর জন্য)
<del>লেখা ডিলিট হয়েছে বোঝায়
<mark>লেখা মার্ক করে দেখায়

কমেন্ট করুন

Your email address will not be published. Required fields are marked *