ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか?

HTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか?

寻∝梦
リリース: 2018-08-29 13:36:05
オリジナル
9896 人が閲覧しました

この記事では、HTML h1タグの導入、h1タグの二重タグ表示の効果、単一タグ表示の結果、HTML h1タグの位置調整、使い方と導入を中心にお話しします。属性を揃えます。次に見てみましょう

1: まず、HTML の h1 タグは二重タグであるかどうかについて話しましょう。

HTML で h1 タグを使用したことがない多くの人は、この問題を抱えているはずです。実際、例を見れば理解できます。 (さらに例を見たい場合は、総合プログラミング Web サイトである PHP 中国語 Web サイトへようこそ)

HTML h1 タグの例を次に示します:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1>欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
</html>
ログイン後にコピー

これは単純なケースなので、次のようにすることができます。

タグは HTML4 と HTML5 の両方で終了タグが必要です。ただし、終了タグを追加した場合、または終了タグを忘れた場合、一部のブラウザでは正常に大きく表示されます。ブラウザによって表示方法が異なります。まず、このコードのレンダリングを見てみましょう:

HTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか?

h1 なしの終了タグのスタイルを見てみましょう:

<body>
<h1>欢迎大家来到PHP中文网的教程中
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
ログイン後にコピー

Chromeブラウザ?さて、見てみましょう:

HTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか?

Chrome の表示効果が大きく異なり、すべての単語が h1 タイトル文字に変換されていることがわかりましたか。これは明らかに私たちが望んでいる効果ではありません。これほど多くのフォントを入れようとする人は誰もいません。したがって、今後は全員が

タグを終了することを忘れないでください。

2: 次に、HTML タグの位置設定を見てみましょう。

HTML

の位置設定も非常に簡単です。それは align 属性です。 (さらに属性の紹介を見たい場合は、

PHP 中国語 Web サイト をクリックしてください。)

align 属性は、多くのタグを中央に表示するのに役立ちます。h1 タグも例外ではありません。例を見てみましょう。
<body>
<h1 align="center">欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
ログイン後にコピー

上のh1を見てください。 コードにalign属性が追加されましたので、効果を見てみましょう


HTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか? スクリーンショットではよく見えませんが、h1タグの内容が真ん中に来ています。ウェブページの。

タグ内のコンテンツは明らかに左側にあります。

もちろん、この align 属性には他の属性値もあります:

    align="left": この属性値が h1 に設定されている場合、h1 のタイトルは上の左側の図のように表示されます。

  • align="right": この属性値が h1 に設定されている場合、h1 のタイトルが Web ページの右側に表示されます。
  • これら 2 つはデモンストレーションされませんので、興味のある方はご自身で試してみてください。

この記事は終わりました。h1 タグについては今後の記事で紹介する予定です。質問がある学生は、以下にメッセージを残してください。

HTML でのメソッドの使用方法。 formタグの属性は?ここではmethod属性の使い方を紹介します

HTMLのulタグの意味は? HTMLのulタグの役割を詳しく解説

以上がHTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート