আমি কীভাবে এইচটিএমএলে পাঠ্যকে সাহসী করব?


153

আমি এইচটিএমএল ব্যবহার করে কিছু পাঠ্যকে সাহসী করে তোলার চেষ্টা করছি, তবে আমি এটির পক্ষে কাজ করতে লড়াই করছি।

আমি যা চেষ্টা করছি তা এখানে:

Some <bold>text</bold> that I want emboldened.

কেউ আমাকে বলতে পারে যে আমি কী ভুল করছি?


17
আমি সম্মত হই যে এটি প্রথমে গুগলে অনুসন্ধান করা উচিত, তবে আমি মনে করি যে বিষয়টি পরের বার কেউ গুগল অনুসন্ধান করলে তাকে / তাকে এসও-র দিকে পরিচালিত করা হবে, যা আমি ভাল জিনিস হিসাবে দেখি। আরও ট্র্যাফিক এবং এসও-তে লোক আসছে।
Andrija

@ ফিনফোল্ডার গুগল থেকে <বোল্ড> শিখেছেন কিনা তা জানতে চাইতে পারেন। আরেকটি, আরও সাধারণ সম্ভাবনা: স্কুল ছাড়াই এবং বই না পড়া ছাড়া আরও বেশি লোক বিকাশ করছে। আমরা এই জিনিসগুলি "এইচটিএমএল 101" এর "প্রথম এক" বা "দ্বিতীয় দিন" শিখেছি। তাদের শিডিউল ক্লাস নেই।
জন স্যান্ডার্স 15

2
@ আন্দরিজা: আমি এখানে তাদের পরিচালনার বিষয়ে একমত এ কারণেই আমার উত্তর তাদের এমন জায়গায় ফিরে গেছে যেখানে তারা পরবর্তী প্রশ্নের উত্তর শিখতে পারে: "আমি কীভাবে তির্যক করব?"
জন স্যান্ডার্স

উত্তর:


222

ব্যবহার <strong>বা <b>ট্যাগ

এছাড়াও, আপনি সিএসএস দিয়ে চেষ্টা করতে পারেন <span style="font-weight:bold">text</span>


53

এইচটিএমএলের কোনও <bold>ট্যাগ নেই, পরিবর্তে আপনাকে ব্যবহার করতে হবে <b>। তবে মনে রাখবেন, যে ব্যবহার <b>করা হয় এখন কিছুদিনের জন্য সিএসএস পক্ষে নিরুৎসাহিত । এটি অর্জনের জন্য আপনি সিএসএস ব্যবহার করা ভাল।

<strong>ট্যাগ শক্তিশালী জোর যার জন্য শব্দার্থিক উপাদান অক্ষমতা সাহসী হয়।


2
+1 টি খ এইচটিএমএল 4 হয়, তাই না এটি আগের / strong CSS যেতে উপায় উচিত
googletorp

<b> কখনও হতাশ হয়নি। <Em>, <strong>, <h1..6>, ইত্যাদির পক্ষে প্রস্তাবিত, হ্যাঁ; অবচয়, না।
নোহ মেডেলিং

<b>সিএসএসের পক্ষে কেন ব্যবহারকে নিরুৎসাহিত করা উচিত ? এরকম বলার মতো যে <h* n* ব্যবহার করা >CSS এর পক্ষে নিরুৎসাহিত হয়। এটি স্ট্যান্ডার্ডে তাই এটি ব্যবহার করুন।
গম্বো

গম্বো: w3.org/TR/html4/present/ographicics.html#h-15.2.1 থেকে - "নিম্নলিখিত এইচটিএমএল উপাদানগুলি ফন্টের তথ্য নির্দিষ্ট করে they যদিও এগুলি সমস্ত অবচিত নয়, তাদের ব্যবহার স্টাইল শিটের পক্ষে নিরুত্সাহিত করা হয়েছে।"
জোয়

1
আসলে সেই উপাদানগুলি এইচটিএমএল 5 এ "শব্দগুচ্ছ উপাদান" হিসাবে প্রত্যাবর্তন করছে - উদাহরণস্বরূপ <small> ছোট মুদ্রণের প্রতীক, যখন <b> বইয়ের শিরোনামের জন্য ব্যবহার করতে হবে, আমার মনে হয়।
অসন্তুষ্ট গোয়াট 16

21

মার্কআপ ওয়ে:

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

স্টাইলিং ওয়ে:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

থেকে: http://www.december.com/html/x1/

<b>

এই উপাদানটি পাঠ্যটি আবদ্ধ করে যা ব্রাউজারের বোল্ডফেস হিসাবে রেন্ডার করা উচিত। যেহেতু বি উপাদানটির অর্থ এটি ঘিরে থাকা সামগ্রীর উপস্থিতি নির্ধারণ করে, এই উপাদানটিকে একটি "শারীরিক" মার্কআপ উপাদান হিসাবে বিবেচনা করা হয়। এর মতো, এটি দৃ strong় হিসাবে একটি অর্থপূর্ণ মার্কআপ উপাদানটির অর্থ বোঝায় না।

<strong>

বর্ণনা এই উপাদানটি পাঠ্যটিকে বন্ধনী দেয় যাতে জোর দিয়ে জোর দেওয়া উচিত। এম উপাদানগুলির চেয়ে শক্তিশালী।


3
strongহিসাবে একই হয় না b
গম্বো

8
কখনও বলে নি যে তারা ছিল।
সাম্পসন

12

এইচটিএমএল ব্যবহারে:

  • কিছু <b>পাঠ্য </b>যা আমি উত্সাহিত করতে চাই।
  • কিছু <strong>পাঠ্য </strong>যা আমি উত্সাহিত করতে চাই।

সিএসএস ব্যবহারে:

  • কিছু <span style="font-weight:bold">পাঠ্য </span>যা আমি উত্সাহিত করতে চাই।

7

কেউ আমাকে বলতে পারে যে আমি কী ভুল করছি? "

"গা bold়" কখনও কখনও এইচটিএমএল উপাদান হয় নি ("বি" সবচেয়ে কাছের ম্যাচ)।

এইচটিএমএলে কাঠামোগত সামগ্রী থাকতে হবে; প্রকাশক সিএসএসের সেই বিষয়বস্তুর জন্য শৈলীগুলির পরামর্শ দেওয়া উচিত। এইভাবে ব্যবহারকারী এজেন্টরা আপনার প্রস্তাবিত সাহসী স্টাইলিং দেখতে না পারায় এমন ব্যবহারকারীদের কাছে দরকারী স্টাইলিং এবং নেভিগেশনাল নিয়ন্ত্রণের সাথে কাঠামোগত সামগ্রী প্রকাশ করতে পারে (যেমন, অনুসন্ধান ইঞ্জিনের ব্যবহারকারীগণ, পর্দার পাঠক ব্যবহারকারী সম্পূর্ণ অন্ধ ব্যবহারকারী, তাদের নিজস্ব রঙ এবং ফন্ট ব্যবহার করে দুর্বল দৃষ্টিশক্তি ব্যবহারকারীরা, পাঠ্য ব্রাউজারগুলি ব্যবহার করে গিকি ব্যবহারকারীরা, ভয়েস-নিয়ন্ত্রিত ব্যবহারকারীরা, উইন্ডোজের জন্য অপেরার মতো স্পিকার ব্রাউজারগুলি)। সুতরাং পাঠ্যকে সাহসী করার সঠিক উপায় আপনি এটিকে কেন সাহসী করতে চান তার উপর নির্ভর করে । উদাহরণ স্বরূপ:

  • অন্যান্য পাঠ্য থেকে শিরোনাম আলাদা করতে চান? শিরোনাম উপাদানগুলি ("এইচ 1" থেকে "এইচ 6") ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে তাদের জন্য একটি সাহসী শৈলীর পরামর্শ দিন ("এইচ 1, এইচ 2, এইচ 3, এইচ 4, এইচ 5, এইচ 6 {ফন্ট-ওজন: গা bold়;}"।

  • ফর্ম ক্ষেত্রগুলির জন্য লেবেলগুলি উত্সাহিত করতে চান? একটি "লেবেল" উপাদানটি ব্যবহার করুন, প্রোগ্রামটিকে এটিকে সংশ্লিষ্ট "সিলেক্ট", "ইনপুট" বা "টেক্সারিয়া" এলিমেন্টের সাথে টার্গেটে একটি "আইডি" অ্যাট্রিবিউটের সাথে মিলিয়ে একটি "বৈশিষ্ট্য" প্রদান করে যুক্ত করুন এবং এর জন্য একটি সাহসী স্টাইলের পরামর্শ দিন এটি আপনার সিএসএসের মধ্যে রয়েছে ("লেবেল {ফন্ট-ওজন: গা bold়;"})।

  • কোনও ফর্মের সাথে সম্পর্কিত ক্ষেত্রগুলির একটি গ্রুপের শিরোনামকে উত্সাহিত করতে চান যেমন রেডিও পছন্দগুলির একটি গোষ্ঠী? তাদেরকে একটি "ফিল্ডসেট" উপাদান দিয়ে ঘিরে দিন, এটি একটি "কিংবদন্তি" উপাদান দিন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন ("কিংবদন্তি {ফন্ট-ওজন: গা bold়;}")।

  • একটি টেবিলের শিরোনামটি ক্যাপশনের সাথে আলাদা করতে চান? একটি "ক্যাপশন" উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন ("ক্যাপশন {ফন্ট-ওজন: গা bold়;}")।

  • সারণী ডেটা সেল থেকে টেবিল শিরোনাম আলাদা করতে চান? একটি "ম" উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন ("ম th ফন্ট-ওজন: গা :়;}")।

  • আশেপাশের পাঠ্য থেকে কোনও রেফারেন্সড ফিল্ম বা অ্যালবামের শিরোনাম আলাদা করতে চান? একটি শ্রেণীর ("সিট ক্লাস =" চলচ্চিত্রের শিরোনাম ") সহ একটি" সিট "উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী শৈলীর পরামর্শ দিন (" .মোভি-শিরোনাম {ফন্ট-ওজন: সাহসী;} ")।

  • আশেপাশের পাঠ্যকে সংজ্ঞা বা ব্যাখ্যা দিয়ে কোনও সংজ্ঞায়িত কীওয়ার্ডকে আলাদা করতে চান? একটি "ডিএফএন" উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন ("dfn {ফন্ট-ওজন: গা ;়;}")।

  • আশেপাশের পাঠ্য থেকে কিছু কম্পিউটার কোড আলাদা করতে চান? একটি "কোড" উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন ("কোড {ফন্ট-ওজন: গা bold়;}")।

  • আশেপাশের পাঠ্য থেকে কোনও পরিবর্তনশীল নাম আলাদা করতে চান? একটি "ভার" উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন ("var {ফন্ট-ওজন: গা :়;}")।

  • আপডেট হিসাবে কিছু পাঠ্য যুক্ত করা হয়েছে তা বোঝাতে চান? একটি "ইনস" উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন ("ইনস {ফন্ট-ওজন: গা ;়;}")।

  • স্বল্প কিছু লেখা জোর করতে চান ( "আমি ভালবাসেন বিড়ালছানা!")? একটি "ইম" উপাদান ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন (উদাঃ "em em ফন্ট-ওজন: গা bold়;}")।

  • খুব সম্ভবত কিছু সতর্কতার জন্য কিছু পাঠ্যকে চাপ দিতে চান (" কুকুর থেকে সাবধান! ")? একটি "শক্তিশালী" উপাদানটি ব্যবহার করুন এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন (উদাঃ "বলিষ্ঠ {ফন্ট-ওজন: গা ;়;}")।

… আপনি ধারণা পেতে (আশা করি)।

সঠিক শব্দার্থবিজ্ঞান সহ কোনও এইচটিএমএল উপাদান খুঁজে পাচ্ছেন না / কেন / আপনি এই নির্দিষ্ট পাঠটিকে সাহসী করতে চান? এটিকে একটি জেনেরিক "স্প্যান" উপাদানগুলিতে মুড়িয়ে দিন, একটি অর্থবহ শ্রেণীর নাম দিন যা সেই পাঠকে আলাদা করার জন্য আপনার যুক্তিটি প্রকাশ করে ("<span class =" lede "> আমাকে এই সংবাদ নিবন্ধটি সংক্ষেপে একটি বাক্য দিয়ে শুরু করা যাক। </ span >), এবং আপনার সিএসএসের মধ্যে এটির জন্য সাহসী স্টাইলের পরামর্শ দিন (".lede {ফন্ট-ওজন: গা bold়;"} your আপনি যা প্রকাশ করতে চান তার জন্য সাধারণ সম্মেলন।


সুতরাং সংক্ষেপে in link_to_HTML_element lement ফন্ট-ওজন: গা bold়; }}
জেমস এইচ

6

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

<b>This text is bold</b>

এইচটিএমএল উপাদান সংযুক্ত "শক্তিশালী" গুরুত্ব সহ শক্তিশালী পাঠ্যকে সংজ্ঞায়িত করে।

<strong>This text is strong</strong>

5

আর একটি বিকল্প সিএসএসের মাধ্যমে এটি করা ...

উদাঃ ঘ

<span style="font-weight: bold;">Hello stackoverflow!</span>

যেমন 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

4

আপনি প্রায় সেখানে!

গা bold় পাঠ্যের জন্য, আপনার এটি হওয়া উচিত: <b> bold text</b>বা <strong>bold text</strong>তাদের একই ফলাফল রয়েছে।

কাজের উদাহরণ - জেএসফিডাল


2
এই প্রশ্নটি আসলে সাত বছর আগে জিজ্ঞাসা করা হয়েছিল এবং এর একটি সমাধান ইতিমধ্যে রয়েছে (সঠিক উত্তর জিজ্ঞাসা করার 3 মিনিট পরে পোস্ট করা হয়েছিল)। সুতরাং আপনার উত্তর সত্যিই দরকারী কিছু যুক্ত করে না। আপনি যদি এখনও সমস্যাগুলি সমাধান করেন না এমন সমস্যাগুলি খুঁজতে চান answers:0তবে উপরের সন্ধান বাক্সটি টাইপ করুন , যা আপনাকে এমন সমস্ত প্রশ্নের একটি তালিকা দেবে যেগুলিতে উত্তর পোস্ট করা হয়নি।
মিস্টার লিস্টার

1
@ মিস্টারলিস্টার আইএমও জেএসফিডেলের লিঙ্কটি বেশ কার্যকর।
25pẘ

3

এটি কেবল <b>পরিবর্তে <bold>:

Some <b>text</b> that I want bolded.

দ্রষ্টব্য যে <b>কেবলমাত্র পাঠ্যের উপস্থিতি পরিবর্তন করে। আপনি যদি দৃ bold় জোর প্রকাশ করতে চান তবে আপনি যদি এটি সাহসের সাথে রেন্ডার করতে চান তবে আপনার <strong>উপাদানটি আরও ভালভাবে ব্যবহার করা উচিত ।


2

আমি মনে করি আসল উত্তরটি হল http://www.w3schools.com/HTML/default.asp


2
যথাযথভাবে। আপনি যদি এইচটিএমএলটিতে সাহসী পাঠ্য
বানাবেন

2
@ গ্যারেথ: আপনি ডাব্লু 3 স্কুলগুলিতে কোনটি ভুল বলে বিবেচনা করেন এবং ডে-ওয়ান এইচটিএমএল জানেন না এমন ব্যক্তির সঠিক উত্তরটি আপনি কী বিবেচনা করবেন? ঠিক আছে, সম্ভবত দু'দিন তারা খুব অল্প দিন হলে।
জন স্যান্ডার্স

আমি ডাব্লু 3 স্কুলগুলিকে সুপারিশ করেছি খুব কম সময়ের মধ্যে এটি। শিখুন এবং বাচুন.
জন স্যান্ডার্স
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.