<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> ট্যাগ দ্বারা লেখাকে বোল্ড/গাঢ় করে প্রকাশ করা হয়, কিন্তু এর দ্বারা ঐ লেখাটির অতিরিক্ত কোন প্রয়োজনীয়তা প্রকাশ করা হয় না।
<b>This text is bold</b>
এইচটিএমএল <strong> ট্যাগ ব্যবহার করে কোন লেখাকে শুধু গাঢ় বা bold রুপেই যে প্রকাশ করা হয় না, বরং সার্চ ইঞ্জিনের কাছে লেখাটির অর্থগত গুররুত্তপুরনতা প্রকাশ করা হয়।
<strong>This text is strong.</strong>
এইচটিএমএল <strong> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.5 The strong element ওয়েব পেজটি ব্রাউজ করুন।
এইচটিএমএল <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> ট্যাগ ব্যবহার করা হয়।
<h2>HTML <small>Small</small> Formatting</h2>
এইচটিএমএল <small> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.6 The small element ওয়েব পেজটি ব্রাউজ করুন।
এইচটিএমএল <mark> ট্যাগ ব্যবহারের মাধ্যমে কোন টেক্সটকে হাইলাইট বা বিশেষ ভাবে চিহ্নিত করা হয়।
<h1>This text is<mark>Marked</mark> Formatting</h1>
এইচটিএমএল <mark> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.7 The mark element ওয়েব পেজটি ব্রাউজ করুন।
এইচটিএমএল <del> ট্যাগ ব্যবহার করে কোন লেখাকে ডিলেট করার মত অর্থাৎ লেখার মাঝ থেকে সমান্তরাল একটি লাইন যুক্ত করে প্রকাশ করা যায়।
<p>The sun rises in the <del>blue</del> est.</p>
এইচটিএমএল <del> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.7.2 The del element ওয়েব পেজটি ব্রাউজ করুন।
এইচটিএমএল <ins> ট্যাগ ব্যবহার করে inserted অর্থাৎ কোন একটি লেখার পরিবর্তে কোন নতুন একটি লেখাকে প্রকাশ করা হয়। অর্থাৎ এই ট্যাগ কোন লেখার নিছে একটি সমান্তরাল দাগ বা undarline তৈরি করে।
<p>My favorite <ins>color</ins> is Sky Blue.</p>
এইচটিএমএল <ins> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.7.1 The ins element ওয়েব পেজটি ব্রাউজ করুন।
এইচটিএমএল <sub> ট্যাগ দ্বারা কোন লেখাকে সাবস্ক্রিপ্ট অর্থাৎ সাধারনের থেকে অপেক্ষাকৃত ছোট এবং কিছুটা নিছে (EXAMPLE বা উদাহরণ) রুপে প্রকাশ করা হয়।
<p>This text is a <sub>subscripted</sub> text.</p>
এইচটিএমএল <sub> ট্যাগ সম্পর্কে জানতে W3C এর 4.3.6.17 The sub and sup elements ওয়েব পেজটি ব্রাউজ করুন।
এইচটিএমএল <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> | এই ট্যাগ, কোন লেখাকে মার্ক/হাইলাইট করে প্রকাশ করে। |