HTML Text Formatting

এইচটিএমএল টেক্সট ফরম্যাটিং উপাদান

HTML Text Formatting

বিশেষ অর্থ সহ পাঠ্যকে সংজ্ঞায়িত করার জন্য HTML-এ বেশ কয়েকটি উপাদান রয়েছে।

উদাহরণ

এই লেখাটি মোটা অক্ষরে রয়েছে

এই টেক্সট তির্যক করা হয়

এটি এইচ2O (সাবস্ক্রিপ্ট) এবং x2(ওভাররাইট)

HTML Formatting Elements

ডিজাইনের উপাদানগুলি বিশেষ ধরনের পাঠ্য প্রদর্শনের জন্য ডিজাইন করা হয়েছে:

<b> - বোল্ড টেক্সট

জোর ছাড়া বোল্ড টেক্সট

<strong>- গুরুত্বপূর্ণ পাঠ্য

শক্তিশালী জোর দিয়ে পাঠ্য

<i> - ইটালিক টেক্সট

বিকল্প ভয়েস বা মেজাজে পাঠ্য

<em> - জোর দেওয়া পাঠ্য

জোর দেওয়া টেক্সট

HTML <b> এবং <strong> উপাদান

HTML <b>কম্পোনেন্ট কোন অতিরিক্ত জোর ছাড়াই গাঢ় টেক্সট সংজ্ঞায়িত করে।

উদাহরণ: <b>

<b>This text is bold</b>

এই লেখাটি মোটা অক্ষরে রয়েছে

উদাহরণ: <strong>

<strong>This text is important!</strong>

এই টেক্সট গুরুত্বপূর্ণ!

জসিফ টিম টিপ:

<strong>কম্পোনেন্ট কন্টেন্ট গুরুত্ব নির্দেশ করে, যখন<b>উপাদান শুধুমাত্র চাক্ষুষ চেহারা প্রতিনিধিত্ব করে.

HTML <i> এবং <em> উপাদান

HTML <i>কম্পোনেন্ট একটি বিকল্প ভয়েস বা মেজাজে পাঠ্যের একটি অংশকে সংজ্ঞায়িত করে। বিষয়বস্তু সাধারণত তির্যকভাবে প্রদর্শিত হয়।

জসিফ টিম টিপ:

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

উদাহরণ: <i>

<i>This text is italic</i>

এই টেক্সট তির্যক করা হয়

উদাহরণ: <em>

<em>This text is emphasized</em>

এই টেক্সট জোর দেওয়া হয়

দ্রষ্টব্য:

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

অন্যান্য HTML ডিজাইন উপাদান

<small> উপাদান

ছোট টেক্সট সংজ্ঞায়িত করে:

<small>This is some smaller text.</small>

এটি সাধারণ পাঠ্যএটি সংক্ষিপ্ত পাঠ্য

<চিহ্ন> উপাদান

হাইলাইট বা হাইলাইট করা পাঠ্য সংজ্ঞায়িত করে:

<p>Do not forget to buy <mark>milk</mark> today.</p>

আজদুধকিনতে ভুলবেন না.

<del> উপাদান

একটি নথি থেকে মুছে ফেলার পাঠ্য সংজ্ঞায়িত করে:

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

আমার প্রিয় রংনীললাল।

<ins> উপাদান

একটি নথিতে ঢোকানো পাঠ্য সংজ্ঞায়িত করে:

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

আমার প্রিয় রংনীল লাল.

<sub> উপাদান

সাবটাইটেল টেক্সট সংজ্ঞায়িত করে। সাবস্ক্রিপ্ট টেক্সট একটি সাধারণ লাইনে অর্ধেক অক্ষরের নিচে প্রদর্শিত হয়:

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

এটি এইচ2O (জল) - রাসায়নিক সূত্রের জন্য ব্যবহৃত হয়

<sup> উপাদান

ওভারলে টেক্সট সংজ্ঞায়িত করে। সুপারস্ক্রিপ্ট পাঠ্য একটি সাধারণ লাইনে অর্ধেক অক্ষরের উপরে প্রদর্শিত হয়:

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

এটি WWW[1]- পাদটীকা জন্য ব্যবহৃত

অনুশীলন করুন

নিচের কোন HTML উপাদান টেক্সটকে বোল্ড করে?

<em> এবং <b>
✗ ভুল! <em> টেক্সট ইটালিক করে, বোল্ড নয়
<strong> এবং <b>
✓ ঠিক আছে! <strong> এবং <b> উভয়ই পাঠ্যকে সাহসী করে তোলে
<big> এবং <b>
✗ ভুল! HTML5-এ <big> অবচিত
<mark> এবং <b>
✗ ভুল! <mark> পাঠ্যকে আলাদা করে তোলে, গাঢ় নয়

জসিফ টিম শীর্ষ টিপ:

<strong>এবং<b>উভয়ই প্রদর্শিত হলে গাঢ় পাঠ্য উত্পাদন করে, কিন্তু<strong>এর অর্থগত তাৎপর্যও রয়েছে।

সর্বোত্তম অনুশীলন

উপযুক্ত উপাদান ব্যবহার করুন:শুধু চেহারা জন্য<b>বিষয়বস্তুর গুরুত্বের জন্য ব্যবহার করুন<strong>ব্যবহার করুন।
শব্দার্থ বজায় রাখুন:তির্যক শুধুমাত্র প্রদর্শনের জন্য<i>উচ্চারণের জন্য ব্যবহার করুন<em>ব্যবহার করুন।
সিএসএসকে অগ্রাধিকার দিন:বিশুদ্ধ ভিজ্যুয়াল ফরম্যাটিংয়ের জন্য CSS ব্যবহার করুন, HTML ফর্ম্যাটিং উপাদান নয়।
পুরানো উপাদান এড়িয়ে চলুন: <font>, <center>, <big>যেমন পুরানো উপাদান ব্যবহার করবেন না