HTMLイタリックフォント。 太字、斜体、スモールキャップ。 太字:タグ

WEBページをより見やすくするために、テキストを段落に分割し、見出しを強調表示します。 HTMLには、1から6までの番号が付けられた6つのレベルのドキュメントセクション見出しがあります。見出しは、レベルに対応する番号を持つタグのペアによって宣言されます。たとえば、

-第1レベルのセクションの見出し、および
-第6レベルのセクションの見出し。 見出しは、文字のサイズと幅が通常のテキストとは異なります。 通常、第1レベルの見出しh1は非常に大きなフォントで表示され、第6レベルの見出しh6は非常に小さく表示されます。

タイトル

ドキュメントのセクションのタイトルを、要素によって定義された前述のドキュメントのタイトルと混同しないでください .

テキストのタイトルとして最初の文を使用します-これを行うには、タグで制限するだけで十分です

.

other.htmlファイルのテキストにタグを挿入します

そのため、テキストの最初の文が制限され、このコードは次の形式になります。

SD会社ページへようこそ!

得られた結果を見てみましょう。

メモ帳のプログラムメニューコマンド[ファイル]-[保存]([ファイル]-[保存])を選択して、ファイルを保存します。

保存操作は、ドキュメントを表示する前に必ず実行する必要があります。これは、ファイルをディスクからコンピューターのRAMにロードすることにより、表示用にファイルを開くためです。 HTMLコードを編集した後にファイルを保存しないと、ブラウザーに構成が表示されません。

タスクバーのボタンをクリックして、ブラウザウィンドウを復元します。

プログラムの作業ウィンドウのツールバーにあるF5ボタンまたは[更新]ボタンを押します。 other.htmlファイルが再ロードされ、ブラウザウィンドウに第1レベルの見出しがどのように表示されるかが表示されます。

タグの番号を変更して、他の5つのレベルのタイトルがどのように表示されるかを確認します。h2、h3など。各構成後、ファイルを保存し、ブラウザーウィンドウで画像を更新することを忘れないでください。

実験が終了したら、other.htmlファイルのタグを再度復元します

.

それがあなたの処分に置く6つのレベルの見出しを使用する HTML言語、簡単に行うことができます 読み取り可能なドキュメント直感的な構造で。 セクションとサブセクションに正確に分割されている場合、ドキュメントは常に大幅に読みやすくなることを忘れないでください。

見出しの配置

デフォルトでは、タイトルはページの左側に配置されます。 ただし、右揃えまたは中央に配置することもできます。 タグの右揃え用

align = "right"属性が使用され、align="center"が中央揃えに使用されます。 左側の配置の明らかな表示も許可されます-align="left"。

タグに追加

見出しを中央に配置するためのalign="center"属性。 この要素は次の形式をとる必要があります。

SD会社ページへようこそ!

将来的には、初期コードを使用してファイルを保存し、表示する前にブラウザで画像を更新する必要があることを通知しません。

HTMLでテキストを太字にする方法

それでは、残りのテキストに移りましょう。 サイズを大きくし、テキストを太字の斜体にします。 ペアのタグは、太字のスタイルを設定するために使用されます .

ファイルに貼り付けますother.htmlopening と閉じるタグを付けてテキストを制限するここで学習します...この要素は次の形式をとる必要があります。

HTMLでテキストを斜体にする方法

斜体はタグを使用して設定されます .

最初のコードにHTMLタグを挿入します 編集された要素が次の形式になるようにします。

ここでは、私たちの活動について学びます。 ソフトウェア製品私たちの会社と私たちが生産する機器について

マークアップ要素は、この構造のようにネストできます。 要素にネストされています 。 最新のブラウザは、ネストされたタグを正しく処理できます。 したがって、ネストの順序に違反していないことを確認する必要があります。 ネストが壊れていると、ブラウザが妨げられます。 たとえば、次のように正しくありません。 。 ネストは、HTMLコードを作成する文化全体の非常に基本的な部分です。

HTMLで下線付きのテキストを作成する方法

いくつかのタグ付き これらのタグで区切られたテキストピースの下線付きスタイルを設定し、タグのペアを使用できます -テレタイプフォントでテキストを表示します。

最近、タグが 簡略化され、下線はスタイルを使用して行われます。 同等 。 はい、新しいアナログはより扱いにくいように見えますが、残念ながらそれはより真実です。 この利点の主な点は、かさばるバリアントがクロスブラウザであるということです。つまり、両方の場合、すべてのブラウザに適しています。 すべてのブラウザがサポートしているわけではありません。

HTMLでテキストをインクリメントする方法

次に、テキストのフォントサイズを大きくしてみましょう。 これはさまざまな方法で実行できます。

タグ それらの間に囲まれたテキストのフォントサイズを大きくします。

上記のコードの最初と最後にそれぞれタグを追加します そのため、要素は次の形式になります。

ここでは、当社の活動、当社のソフトウェア製品、および当社が製造する機器について学習します。

タグの使用 最初のフォントと比較して、テキストのフォントサイズを小さくすることができます。

フォントサイズを指定する別の方法は、タグを使用することです。 size属性を使用します。 この属性の値は1〜7の整数です。値1は最小のフォントサイズに対応し、値7は最大のフォントサイズに対応します。

タグの代わりに使用 タグを表示 、サイズ属性のさまざまな値(1から7)でテキストフォントサイズがどのように変化するかを確認してください。

サイズ属性の値として、+(プラス)または-(マイナス)記号を付けた1から7までの数値を使用することもできます。 この場合、フォントサイズは、タグなどの最初のフォントと比較して、それに応じて増減します。 現在のフォントサイズと比較して、フォントサイズが1レベル大きくなります。 小切手。

問題のテキストのサイズ属性の値として5を設定します。 。 この部分のHTMLコードは次のようになります。

ここでは、当社の活動、当社のソフトウェア製品、および当社が製造する機器について学習します。.

タグで color属性を使用して、テキストタグで区切られたフォントの色を指定することもできます。 この属性の値は、ドキュメントの背景とテキストの色を説明する前述の属性の値と同じです。

デフォルトでは、Here You'llKnow...というテキストの段落は左揃えになっています。 タグで水平方向に中央揃え

。 タグを使用して、段落をページの右側に揃えることもできます。 または左側-タグを使用 .

スティックタグ

それらを指定された段落に制限します。

段落の中央にタグを使用したことに注意してください

、タグに適用したalign="center"属性とは対照的

.

注意! 2010タグの場合 ,

, , 廃止されたと見なされるため、スタイルの類似物を使用する必要があります。 これは、それらを使用できないという意味ではありませんが、使用できる場合は、それらを取り除くようにしてください。

=

=

=

=

=

他にもたくさんあります 廃止されたタグ、この記事では説明されていないため、この問題に関する専門のWEBサイトにすぐに慣れることをお勧めします。 しかし、私はここに主要なものを少し高く投稿しました

選択コード

HTML言語では、テキストフラグメントのフォント選択に2つのアプローチが可能です。 一方では、テキストの特定のセクションのフォントが太字または斜体であることを直接示すことができます。つまり、この実験で行ったように、テキストのフォントスタイルを示すことは明らかです。 一方、テキストの任意の部分を通常よりも優れたある種の論理スタイルを持つものとしてマークし、そのスタイルをブラウザで解釈できるようにすることができます。 このように、論理的なスタイルは、テキストピースの役割を示します。たとえば、通常のテキストと比較して非常に重要であるか、このピースが引用であるという事実です。 自分の作業では、論理スタイルを定義する後続のタグを使用できます。 さまざまなブラウザでどのように機能するかを確認してください。

-単語を定義するために使用されます。 デフォルトでは、テキストは斜体で表示されます。

-単語を強調し、増幅します。 デフォルトでは、テキストは斜体で表示されます。

-デフォルトで斜体で表示される、本、映画、パフォーマンスなどのタイトルを強調表示します。

-プログラムコードフラグメントの場合。 ディスプレイに固定幅フォントで表示されます。

-ユーザーがキーボードから入力するテキストに使用されます。 異なるブラウザで異なるフォントで表示される場合があります。 タグは廃止されました.

-プログラムメッセージを表示するのに役立ちます。 固定幅フォントで表示されます。 タグは廃止されました.

-特に重要なフラグメントの場合。 通常、太字で強調表示されます。

-は、テキストまたは単語が文字変数であること、つまり、別の式に置き換えることができるテキストであることを示すために使用されます。 デフォルトではイタリックで表示されます。 タグは廃止されました.

HTML 4.0仕様は、CSSカスケードスタイルシート言語を使用して、テキストやその他の部分のスタイルを指定するためのより高度な方法を提供します。 スタイルシートはウェブデザインの分野で大きな成果であり、ページの見栄えを改善する能力を拡大しています。 スタイルシートを使用すると、行の間隔、インデント、テキストと背景に使用される色、フォントのサイズとスタイルなどを簡単に定義できます。 style属性の値として、「property:value」という形式のペアが使用されます。 たとえば、セクションの見出しを説明するコードでは、

style = "color:blue"属性は、colorプロパティが青に設定されていることを指定します。つまり、第1レベルの見出しテキストは青で表示されます。

スタイルの調整

カスケードスタイルシート言語を使用して、単語で始まるテキストピースのスタイルを指定する方法を見てみましょう。ここで学習します...

フォントの太さを指定するには、font-weightプロパティを、lighter(narrow)、bold(bold)、bolder(bold)の値で使用します(例:style = "font-weight:bold")。

イタリックスタイルを定義するには、font-styleプロパティと値イタリックを使用します。 したがって、テキストを太字のイタリックにするには、次のようなスタイル属性を見つける必要があります:style = "font-weight:bold; font-style:italic"。 注意:特性は任意の順序で配置でき、セミコロンで区切る必要があります。

フォントサイズを指定する場合は、font-sizeプロパティを使用する必要があります。このプロパティの値は、相対値または絶対値で指定できます。 相対値はパーセンテージであり、絶対値はポイント(pt)、ピクセル(px)、センチメートル(cm)、ミリメートル(mm)です。 例えば:

style = "font-size:200%"

style = "font-size:16pt"

style = "font-size:100px"

相対サイズではなく絶対サイズを指定することにより、ページを表示しているユーザーが、ビジョンとモニターの解像度に応じてブラウザーメニューコマンドを使用してフォントサイズを増減できるようになります。 フォントは、指定したサイズでのみ表示されます。 したがって、フォントサイズをパーセンテージで指定することをお勧めします。 この場合、フォントサイズは、デフォルトのHTMLタグを使用してフォーマットされた場合よりも、示されたパーセンテージだけ小さくまたは大きくなります。

水平方向のテキスト配置方法を決定するために、text-alignプロパティは、左(左)、右(右)、中央(中央)、位置合わせ(幅)の値で使用されます。 このように、ここで学習するテキストを示すには、最初の文字と中央揃えの150%のサイズで、太字の斜体でフォーマットする必要があります。そのスタイルは次のようになります。

style = "font-weight:bold; font-style:italic; font-size:150%; text-align:center"

この属性をタグに適用します<р>、テキストを別の段落として表示できます。

HTML要素を編集してテキストを含めるここで、タグを削除することでわかります...

, , , タグを挿入します<р>とこの要素が次の形式になるように、style属性を使用します。

<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">ここでは、当社の活動、当社のソフトウェア製品、および当社が製造する機器について学習します。

ご覧のとおり、HTML言語ではさまざまなスタイリング手法が可能です。 ただし、CSS言語の方が望ましいです。

その他の配置とスタイルのオプション

スタイルシート言語の使用法は1つしかありません。スタイル定義は、説明している要素のタグ内に具体的に配置されています。

これは、ほとんどの標準HTMLタグで使用されるstyle属性を使用して行われます。 しかし、CSSには他にも用途があります。

標準のHTMLでは、スタイルシートを導入せずに、色、サイズ、ページ上の位置などの特定のパラメータを要素に割り当てるために、各要素のこれらの特性の概要を毎回示す必要があります。 1ページに10ページを配置する必要があります。ki互いに異ならない部分。 同じHTMLコードをページに10回挿入する必要があり、ファイルサイズとネットワークからのダウンロード時間が長くなります。

スタイルシートは、別の、より快適で経済的な方法で動作します。 要素に特定の機能を割り当てるには、最初にこの要素の輪郭を描き、この説明をスタイルとして見つける必要があります。将来的には、適切にスタイルを設定する要素が、説明したスタイルの特性を引き継ぐ必要があることを示すだけです。 。 快適ですね。

さらに、スタイルの説明をWEBページのテキストではなく、 別のファイル-これにより、任意の数のWEBページでスタイルの説明を使用できるようになります。 また、関連するもう1つの利点は、任意の数のページのデザインを変更して、1つの個別のファイルのスタイルの説明のみを修正できることです。

さらに、スタイルシート言語を使用すると、ページのフォントデザインをさらに活用できます。 最高レベル標準のHTMLより。

現在、CSS言語には、制御できるHTMLの部分に対してかなりの数のオプションがあります。 「安全」を使用する、言い換えれば、 最大数ブラウザ css要素-フォントの特性、パーツと背景の色、テキストと境界線の特性-作業を大幅に容易にし、テキストデザインの点でWEBページをより魅力的にすることができます。

HTMLでは、太字のテキストはいくつかの方法で作成できます。 これらには以下が含まれます:

  • 鬼ごっこ b;
  • 鬼ごっこ 強い;
  • CSSプロパティ フォントの太さ.

各テキスト選択オプションについて順番に説明しましょう。

太字:タグ

鬼ごっこ b HTMLは次のように適用されます。

ウェブサイトビルダー「Nubex」

タグ用 クロージングが必要です、および一般的な属性( クラス、ID、タイトル等。)

タグの有効性は b HTML仕様で非推奨ではないため、使用に関連するのはタグです。 強い理由を見てみましょう。

太字:タグ

HTML仕様によると、タグ bテキストを太字にするために使用されます。 対照的に、タグ 強い HTMLはハイライトするのに役立ちます 重要フラ、このページの鍵となる言葉。

このタグは、検索結果でページをランク付けするときに非常に重要であるため、WebサイトのプロモーションやSEOの最適化に広く使用されています。 検索エンジンは、タグで囲まれたテキストを尊重します 、およびそれを重要としてマークします。

使用したタグ 強い同じ方法:

ウェブサイトビルダー「Nubex」

タグを外部から適用していることに気付くかもしれません まったく違いはありません( 最新のブラウザそれらをほぼ同じように解釈します)が、コードのセマンティックの違い サーチエンジンそれにもかかわらず、あるべき場所があります。 したがって、ほとんどのSEOはタグの使用を推奨しています 強い.

CSSを使用した太字のテキスト

タグの重要性についてはすでに説明しました 強い検索プロモーションでは、大量のテキストを太字で強調表示する必要がある場合(ただし、テキストを検索エンジンにとって重要としてマークする必要はありません)、またはフォントの「太字」の程度を制御する必要がある場合はどうでしょうか。 このような場合、CSSプロパティが使用されます フォントの太さ。 それは次のように適用されます:

太字のテキスト <a href="https://pzik.ru/ja/jquery-dobavlyaem-svoistva-css-upravlyaem-stilyami-css-s-pomoshchyu-jquery-perechen-metodov/">CSSを使用する</a>-「Nubex」

私たちのサイトは本当に 大きな一歩 Web開発で。

私たちは実際にそれを行います 品質サイト。

私たちを信頼してください 私たちはあなたを失望させません.

大胆にライター親よりも太さの度合いを大きく(または小さく)設定できます。 数値(100-900)を使用して、太さの程度を設定できます。

テキストを太字にする方法は3つあります HTMLページ、ただし、すぐに好きなものを使用しないでください。そのような選択は異なる意味を持ち、検索エンジンのサイトの最適化に影響を与える可能性があります。

強いタグが付いた太字フォント

この方法は、テキストの重要な部分を太字にする場合に適しています。 HTMLタグは論理フォーマットタグであり、その本質は、選択したフラグメントの重要性を「強調」することです。

HTMLには他にも論理フォーマットタグがあります。 たとえば、タグはイタリック体のテキストを強調表示し、選択したフレーズを強調していることを示します。

他のタイプのテキスト選択については、次の記事で説明されています。

プレーンテキスト 重要なテキストを強調表示。 プレーンテキスト。

bタグ付きの太字テキスト

プレーンテキスト 太字。 プレーンテキスト。

大胆なCSSスタイル

大胆なテキストは、特別な助けを借りてだけでなく作成することができます HTMLタグ。 プロパティfont-weight:bold;を設定することにより、任意のタグで太字にすることができます。 (すべてのフォントで機能するわけではありません)。

このような選択は、選択されたテキストに論理的な重みを加えることなく、本質的に文体的なものになります。

さらに、CSSクラスを介してスタイルを設定することにより、特定のタグと要素のグループの両方を一度に選択できます。

style属性内のCSSプロパティ:

太字のテキスト。

太字のテキスト。

通常のフォントのテキスト。

太字のテキスト。

テキストを太字にできない場合の対処方法

テキストを太字にできない場合は、サイトでCSS要素のスタイルが上書きされている可能性があります。 この場合、これらのスタイルを調整する必要があります。 ほとんどの場合、これはメインのCSSスタイルシートファイルを介して行われます。 これがわからない場合は、ウェブマスターにお問い合わせください。 高い確率で、この問題を解決するのに5分以内の作業が必要です(もちろん、例外がある場合もあります)。

フォントの操作を続けます。このレッスンでは、フォントを太字または斜体にするためにプロパティがどのように設定されているかを確認します。 これまで、どのように検討してきましたか 太字または斜体のフォントを作成する経由 HTMLタグ。 しかし、私たちがすでに知っているように HTMLドキュメントのデザインには使用しないでください。マークアップやページ構造の作成のみを目的としているため、スタイルシートを使用してすべてのスタイルを設定する必要があります。 css。 それでは、そのようなプロパティがどのように設定されているかを見てみましょう。

イタリックCSSフォント

このプロパティは、テキストを斜体でフォーマットするのに役立ちます。 フォントスタイル:; 、値が割り当てられている イタリック 、「フォントスタイルはイタリックです」の略です。

ここで、ページに多くの段落があり、そのうちの1つを斜体にする必要があると想像してみましょう。 目的の段落のクラスを作成し、そのクラスの要素を斜体にするように指定します。

HTML

HTMLページ

4番目の段落4番目の段落4番目の段落

イタリックフォントのプロパティを設定します。

このような段落を作成してプロパティを設定すると、2番目の段落のテキストが斜体になります。 段落全体にプロパティを設定しましたが、今度はもっと難しくして、4番目の段落の2つの単語にのみ斜体を設定しましょう。 これを行う方法? の HTMLレッスンでは、ロジックレベルタグを分析しました 。 このタグは、要素の一部にクラスを設定する必要があるような状況で使用されます。 したがって、4番目の段落にタグを埋め込み、それにクラスを割り当てます。 class =「斜体」"> 。 その結果、次のエントリが得られます。

HTML

最初の段落最初の段落最初の段落最初の段落最初の段落

2番目の段落2番目の段落2番目の段落2番目の段落2番目の段落

3番目の段落3番目の段落3番目の段落3番目の段落

4番目の段落4番目の段落4番目の段落

5番目の段落5番目の段落5番目の段落5番目の段落


Italic(font-style:italic;)

2番目の段落と4番目の段落の一部が斜体で表示されるようになりました。 の デモこれは明確に示されています。

大胆なCSS

太字のフォントを設定するには、名前が付けられた別のプロパティが使用されます フォントの太さ:; つまり、フォントサチュレーションとも呼ばれます。 彩度は最初はに設定されています 正常 つまり、フォントの彩度は正常であり、値を設定することによって はげ 大胆になります。

太字(font-weight:bold;)

からの数値で飽和値を設定することもできます 100 900 ステップバイステップ 100 。 意味 正常 数に等しい 400 、および値 はげ 700 。 意味 900 すべてのフォントでサポートされているわけではないため、この値を設定しても、値との違いに気付かない場合があります 700 。 この状態は次のようになります。

太字(font-weight:700;)

htmlコードはまったく同じことをします。段落全体を選択する必要がある場合は、それを尋ねます 新しいクラス、テキストの一部の場合は、タグを使用します class =「斜体」"> 。 小さな例を考えてみましょう。

HTML

HTMLページ

最初の段落最初の段落最初の段落最初の段落最初の段落

2番目の段落2番目の段落2番目の段落2番目の段落2番目の段落

3番目の段落3番目の段落3番目の段落3番目の段落

第4 パラグラフ4パラグラフ4段落

5番目の段落5番目の段落5番目の段落5番目の段落

Bold(font-weight:bold;)

その結果、4番目の段落の太字の部分(同時に斜体)と5番目の段落全体を強調表示しました。 これが私たちが研究したさらに2つの特性です。 それらは非常に頻繁に使用されるため、次のことを覚えておく価値があります。

  • イタリックフォントが設定されています: フォントスタイル: イタリック; .
  • 太字フォントが設定されています: フォントの太さ: はげ; .
  • フォントを通常の彩度に戻すには、次の値を設定します。 フォントの太さ: 正常; または値 フォントの太さ: 400 ; 、この場合は同じことを意味します。

ここでは、フォントのさらに2つのプロパティについて検討しました。 を参照してください デモ最終的にあなたに何が起こったのか、そして私たちは以下の特性の研究に移ります。

親愛なるブログ読者の皆さん、こんにちは! この記事はについて話します テキストフォーマットタグ。 顕著な例は、テキストを太字または斜体にすることです。 また、サイトの内部最適化に対するいくつかのタグの影響と、それらを作成するためのルールについても検討します。 以下の記事でそれについて読むことができます。 ちなみに、Wordなど、多くのテキストエディタで同様のテキストデザイン要素を見つけることができます。

タグは、ブロックとインラインの2つのタイプに分けられます。 前者を使用する場合、テキストの一部(行、個々のフラグメント、または単語)の内容を変更でき、後者はです。 この記事で取り上げるフォーマットタグは、主にインラインです。

タグの書き込みのルールと順序

開始タグと終了タグが何であるかはすでに知っています。 そうでない場合は、この資料の冒頭にある記事を読んでください。 つまり、タグには2つのタイプがあります。 改行
)およびコンテナ(ペア)。 したがって、すべてのテキストフォーマットタグは ペアリング。 これは、すべての要素に開始タグと終了タグがあり、それらの間にハイライトを配置する必要があることを意味します。 たとえば、フレーズを正しく選択すると、次のようになります。 選択

ブラウザがこのフラグメントを処理すると、次のテキストが表示されます。 選択したフラグメント。ちなみに、RSSフィード()にはすべてのタグが表示されているわけではありません。

タグを書くときの主なことは、タグを閉じることを忘れないことです。 それ以外の場合、ページ上のすべてのテキストは太字になります(タグ付きの例では )。 ただし、太字と斜体の両方で同時に特定のフラグメントを選択する必要がある場合があります。 ただし、このアクションを実行するタグはありません。 この状況から抜け出す方法は1つだけです。つまり、2つのタグを同時に使用します。 どちらの順序で使用してもかまいません。 したがって、次のようなタグを使用してテキストを記述します。

選択

またはこのように:

選択

あなたはまだ得る 選択 イタリックとボールドを同時に。 ただし、最初は最初のオプションが唯一の正しいオプションであったため、最初のオプションを使用することをお勧めします。 また、設定によっては、ブラウザごとにタグの処理方法が異なることを忘れないでください()。 次に、フォーマットタグ自体に移りましょう。

テキストを太字および斜体にする-タグ , ,

多くの 人気のタグテキストの書式設定-強調表示 はげイタリック体で。 通常、これらはフラグメントを重要視するために使用されます。 最初のケースは、を含むフラグメントを選択するのに役立ちます 有用な情報また キーワード。 斜体は太字のテキストと同じ目的を果たしますが、太字のテキストよりも本文の背景に対して斜体が見えにくいため、情報の重要性は低くなります。

から始めましょう テキストを太字にする。 このアクションに使用される2つのタグがあります- 。 の違い 外観番号。 ただし、各ブラウザが各要素を異なる方法で解釈できることを考えると、いくつかの違いを確認できるはずです。 タグ内のテキストは次のようになります ブラウザによってすでに処理された形式で:

強力なタグのテキスト

bタグのテキスト

そして、これらの2行がページのソースコードでどのように見えるかを次に示します。

強力なタグのテキスト bタグのテキスト

の場合も同じ状況が見られます イタリックタグ 。 2つの例の違いを見つけてください。

emタグのテキスト

タグ内のテキストI

そしてここにソースコードがあります:

emタグのテキスト タグ内のテキストI

したがって、太字と斜体で考慮されている選択タグは実際には違いはありませんが、なぜ、たとえばタグが必要なのですか? もしあれば ? 結局のところ、後者には1文字しか含まれていないため(角かっこは数えません)、したがって、記述が簡単です。 そして、事はそのタグです 影響 。 キーワードをこれらのタグで囲むと、サイトのプロモーションにプラスの効果があります。主なことは、それをやり過ぎないことです。テキストには、タグ内に最大5%の太字のテキストを含める必要があります。 、およびタグ内の同じ量のイタリック .

テキスト内のあるポイントを強調したいだけの場合は、タグを使用してください また 。 一般的に、検索エンジンもこれらのタグのテキストをより重要だと考えていると思いますが、 内部最適化彼らはまだより少ない効果を持っています .

テキストスラッシュタグを強調表示する- ,

次に、テキスト装飾でストロークを使用するいくつかのタグを見てみましょう。 あなたにとって最も有名な テキストエディタ鬼ごっこ またはアンダースコア。 このタグは(私が知る限り)ランキングには影響しませんが、一部のテキストを強調表示してそれに焦点を合わせるのに役立ちます。 このタグを少し高く使用する例を示しました。

さらに2つの類似したタグ- 。 どちらも取り消し線テキストの機能を実行します。 このタグはどのような状況でも使用できます。ドキュメント(またはその一部)を更新する場合は、古いものを取り消して新しいものを追加できます。 資料のトピックから逸​​脱したものを書く場合。 道徳的および倫理的基準を満たさないもの。

これら2つのタグの違いは、 書き込み、その結果として、最初のものを使用することが好ましい。 第一に、書くのがより便利であり、第二に、ページ上のHTMLコードが少なくなり、検索エンジンはそれを気に入っています。

鬼ごっこ および属性-テキストフォント設定

ここで、属性なしでは使用されないタグについて考えてみます。 それはあなたがのためのパラメータを設定することを可能にします 特定のフラグメント文章。 一般的に、現在は(カスケードスタイルシート)を使用することが好ましいです。 それらを使用すると、ページのHTMLコード全体を大幅に削減できます。 したがって、同じタグを検討してください . 彼にとってはすべてがあります 3つの属性:

  • -フォント自体。 たとえば、Arial、Courier、Verdanaなどです。 いくつかリストすることができます。 すべてのユーザーが広範なフォントのセットを持っているわけではありません。face属性にいくつかを書き込むことで、ブラウザーは使用するフォント、つまりシステムに存在するフォントを選択できます。
  • サイズテキストのサイズを指定する属性です。 任意の単位とピクセルの両方で表すことができます。
  • - テキストの色。 この属性は、HTMLカラーコードと口頭のカラーコードの両方で使用できます。 前者は#FFFFFF(FはAからFまでの任意の数字または文字)のように見えますが、後者は書かれています 簡単な言葉で(たとえば、赤-赤)。

タグ内のテキストは次のようになります 各属性の使用:

このテキストは6pxです


このテキストは赤です

このテキストはArialフォントです

このテキストは赤で、サイズは5pxです。

そして、書かれたコードを処理した後に表示されるものは次のとおりです。

ブロックテキストデザイン要素-見出し

-

、段落

最後に、ほとんどすべてのドキュメントで使用されているブロック要素について説明します。 これらは見出しタグと段落タグです。 最初に考えてみましょう。 見出しには6つのタイプがあり、それぞれに独自のタグがあります。 各種には独自のシリアル番号のみがあり、タグを使用して記録されます。

,

,...,

。 処理されたときのすべてのヘッダーは次のようになります。

タイトルワードの後の数字は、タグ内の数字に対応しています 。 見出しはページ上の最適化に大きな影響を与えるため、タグで囲みます キーワード。 このケースにはかなりの数の機能がありますが、これについては後続の記事で説明します。

それでは、段落選択タグについて話しましょう

このタグの機能は、空の行で他の同様のテキスト間でテキストを区切ることです。 ドキュメントのソースコードを見ると、次のことがわかります。

緑の長方形には1つの段落が含まれ、赤い長方形には別の段落が含まれます。 そして、ブラウザで処理した後のこのコードの外観は次のとおりです(矢印は空の行を指しています)。

その結果、ある段落が別の段落からかなり目立つように分離されます。これは有益です。つまり、読むのがより便利になります。

これで記事の終わりです ドキュメントフォーマットタグ。 この記事で説明した以上のことがたくさんあります。 かなり多くのことを話す必要があるというだけのことです。その結果、完全なレビューを含む個別の記事がそれらに捧げられます。