HTMLでテキストを太字にするにはどうすればよいですか?


153

HTMLを使用して一部のテキストを太字にしようとしていますが、機能させるのに苦労しています。

これが私が試していることです:

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

誰かが私が間違っていることを教えてもらえますか?


17
最初にgoogleで検索する必要があることに同意しますが、重要なのは、誰かが次にgoogleを検索したときに、彼女/彼女はSOにリダイレクトされることです。より多くのトラフィックとSOに来る人々。
Andrija

@binfolderは、Googleから<bold>を学んだかどうかを言いたいかもしれません。別の、より一般的な可能性:より多くの人々が学校なしで、そして本を読むことなしに発達しています。「HTML 101」の「1日目」または「2日目」でこのことを学びました。彼らはスケジュールされたクラスを持っていません。
ジョンサンダース、

2
@Andrija:私はそれらをここに誘導することに同意します。これが、私の答えが彼らを次の質問への答えを学ぶことができる場所に案内した理由です:「どうすればイタリックですか?」
ジョンサンダース、

回答:


222

使用<strong>または<b>タグ付け

また、あなたはcssで試すことができます <span style="font-weight:bold">text</span>


53

HTMLには<bold>タグがありません<b>。代わりにを使用する必要があります。使用があること、しかし、注意し<b>ている今、しばらくの間、CSSの賛成でがっかり。あなたはそれを達成するためにCSSを使うほうが良いでしょう。

<strong>タグは強い強調のためのセマンティック要素であり、デフォルト大胆に。


2
+1 bはHTML 4です。強いべきではありません。強力なCSSを使用することをお勧めします
googletorp 2009

<b>は廃止されたことはありません。<em>、<strong>、<h1..6>などを支持して反対することをお勧めします。非推奨、いいえ。
ノアメドリング2009

<b>CSS を使用することをお勧めしません。それは、CSSを支持して<h* n* を使用しないことを言っているようなもの>です。規格にありますのでご利用ください。
ガンボ

ガンボ:w3.org/TR/html4/present/graphics.html#h-15.2.1から–「次のHTML要素はフォント情報を指定します。これらはすべて非推奨ではありませんが、スタイルシートを優先して使用することはお勧めしません。」
ジョーイ、

1
実際、これらの要素は「フレーズ要素」としてHTML 5で復活しています。たとえば、<small>は細字を表し、<b>は本のタイトルに使用されると思います。
DisgruntledGoat

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>

この要素は、ブラウザによって太字で表示されるテキストを囲みます。B要素の意味は、それが囲むコンテンツの外観を定義するため、この要素は「物理的な」マークアップ要素と見なされます。そのため、strongなどのセマンティックマークアップ要素の意味を伝えません。

<strong>

説明この要素は、強く強調する必要があるテキストを囲みます。em要素よりも強力です。


3
strongと同じではありませんb
ガンボ

8
彼らがそうであるとは決して言わなかった
サンプソン

12

HTMLでの使用:

  • 一部の<b>テキスト</b>、私は勇気づけたいです。
  • いくつかは<strong>、テキスト</strong>、私は勇気づけたいです。

CSSでの使用:

  • いくつかは<span style="font-weight:bold">、テキスト</span>、私は勇気づけたいです。

7

誰かが私が間違っていることを教えてもらえますか?」

「太字」がHTML要素になったことはありません(「b」が最も近い一致です)。

HTMLには構造化コンテンツが含まれている必要があります。出版社のCSSは、そのコンテンツのスタイルを提案する必要があります。このようにして、ユーザーエージェントは、提案された太字のスタイルを見ることができないユーザー(たとえば、検索エンジンのユーザー、スクリーンリーダーを使用した完全に盲目のユーザー、独自の色とフォントを使用した視力の弱いユーザー)に、便利なスタイルとナビゲーションコントロールを備えた構造化コンテンツを公開できます。テキストブラウザを使用しているマニアックなユーザー、Opera for Windowsのような音声制御された音声ブラウザのユーザー)。したがって、テキストを太字にする正しい方法は、テキストを太字にしたい理由によって異なります。例えば:

  • 見出しを他のテキストと区別したいですか?見出し要素( "h1"から "h6")を使用し、CSS内でそれらの太字スタイルを提案します( "h1、h2、h3、h4、h5、h6 {font-weight:bold;}"。

  • フォームフィールドのラベルを太字にしたいですか?「label」要素を使用し、プログラムで関連する「select」、「input」、または「textarea」要素に関連付けます。それには、ターゲットの「id」属性に一致する「for」属性を指定し、太字スタイルを提案しますCSS内で(「ラベル{font-weight:bold;」})。

  • ラジオの選択肢のグループなど、フォーム内の関連するフィールドのグループの見出しを太字にしたいですか?それらを「fieldset」要素で囲み、「legend」要素を指定し、CSS内でその要素の太字スタイルを提案します(「legend {font-weight:bold;}」)。

  • テーブルのキャプションとそれがキャプションするテーブルを区別したいですか?「キャプション」要素を使用し、CSS内で太字スタイルを提案します(「キャプション{font-weight:bold;}」)。

  • 表の見出しと表のデータセルを区別したいですか?"th"要素を使用して、CSS内でその要素の太字スタイルを提案します( "th {font-weight:bold;}")。

  • 参照されている映画またはアルバムのタイトルを周囲のテキストと区別したいですか?クラスで「cite」要素を使用し(「cite class = "movie-title」)、CSS内で太字スタイルを提案します(「.movi​​e-title {font-weight:bold;}」)。

  • 定義されたキーワードを、それを定義または説明する周囲のテキストと区別したいですか?"dfn"要素を使用して、CSS内で太字のスタイルを提案します( "dfn {font-weight:bold;}")。

  • 一部のコンピューターコードを周囲のテキストと区別したいですか?「コード」要素を使用して、CSS内で太字スタイルを提案します(「コード{font-weight:bold;}」)。

  • 変数名と周囲のテキストを区別したいですか?"var"要素を使用して、CSS内で太字のスタイルを提案します( "var {font-weight:bold;}")。

  • 一部のテキストが更新として追加されたことを示したいですか?「ins」要素を使用して、CSS内で太字スタイルを提案します(「ins {font-weight:bold;}」)。

  • 一部のテキスト(「子猫が大好きです!」)に軽くストレスをかけたいですか?"em"要素を使用し、CSS内で太字のスタイルを提案します(例: "em {font-weight:bold;}")。

  • おそらく警告のために、いくつかのテキストに大きなストレスをかけたいですか(「犬に注意してください!」)?「強い」要素を使用し、CSS内でその要素に太字のスタイルを提案します(「強い{font-weight:bold;}」など)。

…あなたは(うまくいけば)アイデアを得ます。

この特定のテキストを太字にしたい/理由/を表す適切なセマンティクスを持つHTML要素が見つかりませんか?一般的な「span」要素で囲み、そのテキストを区別するための根拠を表す意味のあるクラス名を付けます(「<span class = "lede">このニュース記事を要約する文章から始めましょう。</ span >)、CSS内でボールドスタイルを提案する( ".lede {font-weight:bold;"}。独自のクラス名を作成する前に、microformats(microformats.org)またはあなたが表現したいもののための一般的な慣習。


つまり、要約すると、{link_to_HTML_element {font-weight:bold; }}
James H

6

HTML要素は太字のテキストを定義しますが、特別な重要性はありません。

<b>This text is bold</b>

HTML要素は、意味のある「強力な」重要性が追加された強力なテキストを定義します。

<strong>This text is strong</strong>

5

別のオプションは、CSSを介してそれを行うことです...

例1

<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

あと少しです

太字のテキストの場合、次のようになります。<b> bold text</b>または <strong>bold text</strong>、同じ結果になります。

作業例-JSfiddle


2
この質問は7年前に実際に尋ねられ、すでに解決策があります(質問の3分後に正解が投稿されました)。だからあなたの答えは本当に何かを追加するものではありません。まだ解決されていない問題を見つけたい場合answers:0は、上部の検索ボックスに入力すると、回答が投稿されていないすべての質問のリストが表示されます。
リスター氏2016

1
@MrLister IMO JSfiddleへのリンクは非常に便利です。
Χpẘ

3

それはただの<b>代わりです<bold>

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

<b>テキストの外観を変更するだけであることに注意してください。強調を強調するために太字にしたい場合は、<strong>要素を使用することをお勧めします。


2

本当の答えはhttp://www.w3schools.com/HTML/default.aspだと思います


2
丁度。あなたはHTMLの太字のテキストを作成する方法、および見つけることはありません方法がわからない場合は、レッスン1で開始する必要がある
myplacedk

2
@Gareth:w3schoolsの何が悪いと思いますか、そして初日のHTMLを知らない人への正しい答えは何だと思いますか?わかりました。短い日なら2日目でしょう。
ジョンサンダース、

これは、私がw3schoolsを推奨した数少ない例の1つでした。生活し、学びます。
ジョンサンダース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.