ホームページ > 記事 > ウェブフロントエンド > HTMLのh1タグは二重タグですか？ HTMLのh1タグの位置を設定するにはどうすればいいですか？
HTMLのh1タグは二重タグですか？ HTMLのh1タグの位置を設定するにはどうすればいいですか？
- 寻∝梦オリジナル
- 2018-08-29 13:36:059832ブラウズ
この記事では、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 の両方で終了タグが必要です。ただし、終了タグを追加した場合、または終了タグを忘れた場合、一部のブラウザでは正常に大きく表示されます。ブラウザによって表示方法が異なります。まず、このコードのレンダリングを見てみましょう:
h1 なしの終了タグのスタイルを見てみましょう:
<body> <h1>欢迎大家来到PHP中文网的教程中 <p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p> </body>
Chromeブラウザ？さて、見てみましょう:
タグを終了することを忘れないでください。
2: 次に、HTML タグの位置設定を見てみましょう。
HTMLの位置設定も非常に簡単です。それは align 属性です。 (さらに属性の紹介を見たい場合は、
PHP 中国語 Web サイト をクリックしてください。)
align 属性は、多くのタグを中央に表示するのに役立ちます。h1 タグも例外ではありません。例を見てみましょう。<body> <h1 align="center">欢迎大家来到PHP中文网的教程中</h1> <p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p> </body>
上のh1を見てください。 コードにalign属性が追加されましたので、効果を見てみましょう
スクリーンショットではよく見えませんが、h1タグの内容が真ん中に来ています。ウェブページの。
タグ内のコンテンツは明らかに左側にあります。
もちろん、この align 属性には他の属性値もあります:
- align="left": この属性値が h1 に設定されている場合、h1 のタイトルは上の左側の図のように表示されます。
- これら 2 つはデモンストレーションされませんので、興味のある方はご自身で試してみてください。
この記事は終わりました。h1 タグについては今後の記事で紹介する予定です。質問がある学生は、以下にメッセージを残してください。
HTML でのメソッドの使用方法。 formタグの属性は？ここではmethod属性の使い方を紹介します
HTMLのulタグの意味は？ HTMLのulタグの役割を詳しく解説
以上がHTMLのh1タグは二重タグですか？ HTMLのh1タグの位置を設定するにはどうすればいいですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。