ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでh1のフォントスタイルを設定する方法をご存知ですか？ h1タグのスタイル設定について詳しく解説
HTMLでh1のフォントスタイルを設定する方法をご存知ですか？ h1タグのスタイル設定について詳しく解説
- 寻∝梦オリジナル
- 2018-08-27 16:42:5720192ブラウズ
この記事では主にHTMLのh1タグのスタイル解析について解説していますが、CSSスタイルを使わないと表示できないので、早めにCSSカスケードスタイルシートを学習したほうが良いでしょう。さて、それではこの記事について話しましょう。 HTML の
H タグ (H1、H2、H3 など) は、ページ内のタイトル階層システムを示すために使用されます。したがって、H1 タグは Web ページ全体のタイトル、H2 タグはサブタイトル、H3 は第 3 レベルのタイトルなどとみなすことができます。検索エンジンは、H タグ、特に Hl タグに含まれるキーワードをある程度優先します。H1 タグの使用方法について説明します。
まず、例を見てみましょう:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>php中文网</title> </head> <body> <h1 align="center" style="color:red ; font-size:50px">Hello world</h1> </body> </html>
効果は次のとおりです:
これは、タイトル h1 の hello world を表示し、フォント サイズを追加し、中央に表示し、テキストを追加します。色は赤です。このタグのスタイルを変更する方法は非常に一般的です。 h1 タグを追加する方法は何ですか? h1 タグは、テキスト (h1 ～ h6) のサイズを制御します。
:
タグは Web ページの本文に記述されます。 h1 タグの追加方法:
p は Web ページの本文に記述されます。これは h1 タグです。ウェブページのタイトル タイトルにスタイルを追加する複数の方法:
1. HTML のすべての h1 タグに背景色を追加する方法 (html4.01 でのみ実行可能) 2 つ以上の h1 ラベルを記述し、CSS を使用してラベルに背景色を追加します。 簡単なコード例は次のとおりです。
<body>
<h1>这是一个标题测试</h1>
<h1>这是另一个标题测试</h1>
<style>
h1{
background: #090;
}
</style>
</body>レンダリングは次のとおりです。
2. タイトル h1 に赤色を追加します。 、コードは次のとおりです:<html> <body> <h1 align="center" style="color:red">Hello world</h1> </body> </html>3.タイトルh1のフォントを拡大します コード:
<html> <body> <h1 align="center" font-size:50px">Hello world</h1> </body> </html>Hタグは頻繁に使用できないと聞いたのですが？ここで、テキスト フォームを充実させる手段としてタイトル タグを一般的に使用している現在の SEO 専門家について話しましょう。タイトル タグの使用についての私の提案は、「一般的に言えば、ページには 1 つの H1 タグしか含めることができません。H1 タグは 1 つだけ使用することをお勧めします。」 Web ページのタイトルには 1 回のみ、コンテンツのサブタイトルには H2 タグを 2 回程度、その他の強調する必要がある段落には h3 タグを 3 回程度使用します。 title タグには何のメリットもありません。主に、ユーザー エクスペリエンスに影響を与えないために、最適化する主要なキーワードをすべて強調することはできません。H タグを使用しすぎると、キーワードが「薄まり」、さらには問題が発生する可能性があります。 [編集者の推奨]
ハッカーは PHP と Python の 10 の違いを合理的に分析する
HTML の th ヘッダー コンテンツを中央に配置する方法table? 番目のヘッダータグの align 属性の詳細な紹介
以上がHTMLでh1のフォントスタイルを設定する方法をご存知ですか？ h1タグのスタイル設定について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。