এইচটিএমএল টেক্সট ফরম্যাটিং - 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> - বোল্ড/গাঢ় টেক্সট করে।
<em> - এম্ফেসাইজ/গুরুত্বপূর্ণ টেক্সট বুঝায়।
<i> - ইটালিক টেক্সট বুঝায়।
<small> - অপেক্ষাকৃত ছোট টেক্সট বুঝায়।
<strong> - গুরুত্বপূর্ণ টেক্সট বুঝায়।
<sub> - সাবস্ক্রিপ্ট টেক্সট বুঝায়।
<sup> - সুপারস্ক্রিপ্ট টেক্সট বুঝায়।
<ins> - ইনসারটেড টেক্সট বুঝায়।
<del> - ডিলেটকৃত টেক্সট বুঝায়।
<mark> - মার্ক/হাইলাইট টেক্সট বুঝায়।


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

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

উদাহরণ

<b>This text is bold</b>


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

উদাহরণ

<strong>This text is strong</strong>




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

এইচটিএমএল <i> এলিমেন্ট কোন টেক্সটকে ইটালিক/বাঁকা করে, কিন্তু অতিরিক্ত কোন গুরুত্ব বহন করে না।

উদাহরণ

<i>This text is italic</i>


এইচটিএমএল <em> এলিমেন্ট কোনো টেক্সটকে শুধু বাঁকাই করে না বরং এর অর্থগত গুরুত্বও বুঝায়।

উদাহরণ

<em>This text is emphasized</em>


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


<small> এলিমেন্ট

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

উদাহরণ

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




<mark> এলিমেন্ট

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

উদাহরণ

<h1>HTML <mark>Marked</mark> Formatting</h1>




<del> এলিমেন্ট

এইচটিএমএল <del> এলিমেন্ট ডিলেট করা টেক্সটকে বুঝায়।

উদাহরণ

<p>My favorite color is <del>blue</del> red.</p>




<ins> এলিমেন্ট

এইচটিএমএল <ins> এলিমেন্ট inserted অর্থাৎ একটি টেক্সটের পরিবর্তে নতুন টেক্সটকে বুঝায়।

উদাহরণ

<p>My favorite <ins>color</ins> is red.</p>




<sub> এলিমেন্ট

এইচটিএমএল <sub> এলিমেন্ট দ্বারা কোন টেক্সটকে সাবস্ক্রিপ্ট করা হয়।

উদাহরণ

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




<sup> এলিমেন্ট

এইচটিএমএল <sup> এলিমেন্ট ব্যবহার করে কোন টেক্সটকে সুপারস্ক্রিপ্ট করা হয়।

উদাহরণ

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




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

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







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.