ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLのh1タグを中央揃えにする方法は？ HTMLにおけるh1センタリングの例の分析

HTMLのh1タグを中央揃えにする方法は？ HTMLにおけるh1センタリングの例の分析

寻∝梦オリジナル: 2018-08-27 17:10:2285519ブラウズ

この記事では、HTML を中央揃えするために h1 を使用する方法を主に紹介します。この属性は、現在ではあまり使用されていませんが、CSS で使用されている非常に便利な属性です。 , ただし、初心者の場合は、align 属性を使用して h1 タグを中央に配置する方が良いでしょう。さて、次の記事を読み始めましょう

まず、h1 タグが何をするのか見てみましょう。

タグはタイトルを定義するためのタグです。

それでは、このタイトルタグを中央に配置するにはどうすればよいでしょうか?これは align 属性に関するもので、h シリーズタグ自体がブロックレベルの要素であるため、text-align:center 属性を使用してテキストを中央に配置できます。例を示します。

中央揃えの HTML h1 タイトル:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
</body>
</html>

実行後、画像を見てください:

HTMLのh1タグを中央揃えにする方法は？ HTMLにおけるh1センタリングの例の分析

-

タグでタイトルを定義できます。

は最大の見出しを定義します。

最小の見出しを定義します。

h 要素は正確なセマンティクスを持っているため、ドキュメントを構造化するために適切なタグレベルを慎重に選択してください。基本的に、CSS は Web ページをより美しくするために使用されます。

HTMLのh1タグの役割:

は、Webサイトの制作過程でよく使われるタグで、このタグにもh2タグとh3タグが使われます。そうですね、Web サイトの最適化は半分の労力で 2 倍の結果が得られます。

見るべき例もあります: (h1 から h6 まで)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
<h2 align="center">这是第二标题</h2>
<h3 align="center">这是第三标题</h3>
<h4 align="center">这是第四标题</h4>
<h5 align="center">这是第五标题</h5>
<h6 align="center">这是最小的标题</h6>
</body>
</html>

レンダリングは次のとおりです:

HTMLのh1タグを中央揃えにする方法は？ HTMLにおけるh1センタリングの例の分析