HTMLでh1のフォントスタイルを設定する方法をご存知ですか？ h1タグのスタイル設定について詳しく解説

寻∝梦

リリース： 2018-08-27 16:42:57

オリジナル

20210 人が閲覧しました

この記事では主に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>

ログイン後にコピー

効果は次のとおりです:

HTMLでh1のフォントスタイルを設定する方法をご存知ですか？ h1タグのスタイル設定について詳しく解説

これは、タイトル 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でh1のフォントスタイルを設定する方法をご存知ですか？ 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 サイトの他の関連記事を参照してください。