ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか?
この記事では、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ブラウザ?さて、見てみましょう:
Chrome の表示効果が大きく異なり、すべての単語が h1 タイトル文字に変換されていることがわかりましたか。これは明らかに私たちが望んでいる効果ではありません。これほど多くのフォントを入れようとする人は誰もいません。したがって、今後は全員が2: 次に、HTML タグの位置設定を見てみましょう。
HTMLPHP 中国語 Web サイト をクリックしてください。)
align 属性は、多くのタグを中央に表示するのに役立ちます。h1 タグも例外ではありません。例を見てみましょう。<body> <h1 align="center">欢迎大家来到PHP中文网的教程中</h1> <p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p> </body>
上のh1を見てください。 コードにalign属性が追加されましたので、効果を見てみましょう
スクリーンショットではよく見えませんが、h1タグの内容が真ん中に来ています。ウェブページの。
タグ内のコンテンツは明らかに左側にあります。
もちろん、この align 属性には他の属性値もあります:
この記事は終わりました。h1 タグについては今後の記事で紹介する予定です。質問がある学生は、以下にメッセージを残してください。
HTML でのメソッドの使用方法。 formタグの属性は?ここではmethod属性の使い方を紹介します
HTMLのulタグの意味は? HTMLのulタグの役割を詳しく解説
以上がHTMLのh1タグは二重タグですか? HTMLのh1タグの位置を設定するにはどうすればいいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。