HTMLで太字のテキストを作成する方法

著者: John Pratt
作成日: 13 Lang L: none (month-010) 2021
更新日: 9 5月 2024
Anonim
【超初心者用】HTMLで太文字にする方法
ビデオ: 【超初心者用】HTMLで太文字にする方法

コンテンツ

HTMLを使用すると、テキストを簡単に太字にすることができます。さらに多くのオプションが必要な場合に使用できるタグが多数あります。さらに良いことに、CSSについて学び、それを直接HTMLドキュメントに追加します。これはCSSスタイルシートを追加するよりも高速で、太字のテキストに必要な太さを制御できます。

手順

2の方法1:HTMLで太字のテキストを作成する

  1. 「強い」タグを使用する. HTML5では、重要なテキストには推奨される標準の「strong」タグが推奨されます。ほとんどの場合、ブラウザでは太字で表示されます。
    • これらのタグの間に太字で表示するテキストを入力します。 ここに太字のテキスト.

  2. 必要に応じて、タイトルタグを使用します。 それらはWebサイトの上部または新しいセクションの最初に配置されます。タイトルは通常、太字の大きなフォントで表示されますが、これは異なる場合があります。タイトルには6つの異なるタグがあります。

    。これらを使用する場合は、次の手順に従ってください。
    • 次のように書かれたh1タグ

      ここにあなたのタイトル

      最も重要なタイトルで、通常はページの最初にある最長のテキストです。
    • h2タグ

      2番目に重要なタイトルのためのもので、タグも
      h6、最低
      .
    • ページを整理するためだけに、それらを慎重に使用してください。ユーザーはタイトルをすばやくスクロールして、探しているものを見つけることができる必要があります。
    • 字幕を作成するときは、一度に1レベルずつ下げてください。言い換えれば、からジャンプしないでください

      ために

      。これは、HTMLページが別のフォーマットに転送されたときにフォーマットを保持するのに役立ちます。


  3. 最後の手段として「b」タグを使用します。。タグ HTML5ではまだサポートされていますが、 ほとんどの場合、これが最も望ましい方法です。タグを使用する 強調のためではなく、スタイル上の理由で太字のテキストが使用されている場合のみ。例としては、テキスト内のキーワードや語彙、分析用の製品名などがあります。
    • ほとんどのタグと同様に、 タグの開始と終了の間にテキストを入力する.

方法2/2:インラインCSSで太字のテキストを作成する


  1. CSSを使用するタイミングを理解します。これは、Webサイトのスタイルを変更するためのより強力で一貫した方法です。 この言語はWebサイトの外観を決定するのに理想的ですが、HTMLはWebサイトの意味を決定します。重要なテキストを強調するためにHTMLを使用しても問題ありませんが、CSSを使用すると、太字のテキストの視覚的側面をより詳細に制御できます。
    • 異なるブラウザーで同じHTMLページを開こうとすると、表示の違いに気付く場合があります。 CSSは、変化を最小限に抑えるために、タグによって変更されたテキストを表示する方法をブラウザに正確に「伝え」ます。
  2. タグを追加 あなたのテキストに。 CSSについてまだ何も知らない場合は、「CSSインライン」を使用することから始めてください。次のようにタグを変更できますが

    または

    、タグの間にないテキストを変更する必要がある場合があります。この場合、タグでテキストを囲みます 。それ自体には影響はありませんが、作業する必要があります。これが使用する例です:
    • このテキストをインラインCSSで太字にする方法を学びました。

  3. スタイル属性を追加します。 HTML属性は、<>括弧内のタグに直接書き込まれます。 HTMLタグ内にCSSを挿入するにはスタイル機能が必要なので、次のように挿入します スタイル= スパンタグ内:
    • このテキストをインラインCSSで太字にする方法を学びました。
    • 何も指定せずにスタイル属性を追加する理由はありません。一度に1つのことを学習しているだけです。
  4. 「font-weight」プロパティを追加します。 CSSプロパティはスタイル属性として追加されます。この例では、フォントの太さを決定する前述のプロパティを使用します。太字の薄いテキスト、または通常の太さを表示するために使用できます。追加 「font-weight:」 次に示すように、=記号の後:
    • このテキストをインラインCSSで太字にする方法を学びました。
    • 繰り返しますが、まだ完了していません。
    • 前後の引用を忘れないでください フォントの太さ:.
  5. 太字の値を追加します。 私たちがする必要があるのは、 フォントの太さ: そして最後の引用。使用できるオプションがいくつかありますが、値 大胆な 使用するのが最も簡単です:
    • このテキストをインラインCSSで太字にする方法を学びました。
  6. 他の値を試してください。 CSSにはHTML以外にも多くのオプションが用意されているため、制限されないでください。 「太字」の値に代わる方法をいくつか次に示します。
    • 「ボルダー」というテキストは、彼に似たテキストよりも露出されます。 たとえば、段落全体を「太字」で作成し、その段落内の個々の文で「太字」を使用すると、目立つようになります。
    • 「通常」オプションは、テキストを太字にするタグの間にある場合でも、太字なしでテキストを保持します。
    • 100から900の範囲の数値を使用して、厚さを指定できます。太字のテキストは700を使用しますが、400は正常です。

チップ

  • CSSでfont-weightプロパティを使用する場合、100の倍数の数値のみを使用してください。それらの間の数値は丸められます。
  • 埋め込みまたは外部のCSSシートを使用すると、一度に完全なドキュメントを変更できるため、テキストを太字にすることができます。
  • 各フォントには、使用できる機能がいくつかあります。 CSSを使用する場合、フォントに使用されるフォーマットはリクエストに最も近いものです。これは、たとえば、太字をフォントで区別できない場合があることを意味します。

この記事では、napchatでユーザーのブロックを解除する方法について説明します。あなたがその人をブロックしていない場合、それらはアプリケーションの「ブロック解除」セクションに表示されません。 napchat。 黄色の背景に白い幽霊のアイコンがあります。アカウントがすでに開いている場合は、カメラ画面にリダイレクトされます。 それ以外の場合は、 ログインする 続行する前に、ユーザー名(または電子メー...

特に風邪をひいている子供を見ると、特に不快感の明らかな兆候が見られる場合は、神経質になって心配することがあります。発熱がある赤ちゃんは、症状が持続する場合はできるだけ早く医師のもとに連れて行ってください。安全な家庭療法と医療処置を使用して風邪の症状と闘うことに焦点を当て、咳や風邪に対する市販薬の使用を避けます。 24時間以内に悪化または改善が見られない場合は、小児科医に相談してください。 方法1/...

私たちの勧告