简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

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

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル：
align h1 html
ソース：php.cn
前の記事：h1 タグは HTML 内に何回出現できますか? h1タグとtitleタグの違いは何ですか？ 次の記事：HTMLタグの使い方は？ htmlのaタグの使い方のまとめ
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
createTheme を使用して、MaterialCSS でカスタム H1、H2、H3 スタイルを定義する方法 NextJS と MaterialCSS を使用するアプリがあり、次のテーマを作成しました: import{createTheme}from'@mui/material/style...
から 2024-04-05 12:38:32
0
1
1363
HTML で <br> タグを使用するときに出力の書式設定で問題が発生します 練習問題で困っています。ご覧のとおり、HTML から CSS まですべてが揃っていますが、出力は正しい方法で表示されるようになりました。 <br>タグを使用すると、次の...
から 2024-04-02 15:56:11
0
1
315
LESS string-set に相当する現代のものは何ですか? 文字列セットとその使用例については、「LESS 文字列セットのプロパティとコンテンツ メソッドの使用」を参照してください。 かなり混乱した後、これは古く、Chrome バージョン ...
から 2024-04-02 13:29:36
0
1
361
正規表現を使用して完全な文を照合した後、特定の単語を照合します 私は初心者です。以下の行のいずれかで、Obituaryfor<h2>ObituaryforJohnDoe</h2><h1>JamesMichae...
から 2024-04-01 14:38:05
0
2
406
この CSS を readme.md に追加するにはどうすればよいですか? readme.md ファイルでこのエフェクトを使用するにはどうすればよいですか? <h1>ようこそ</h1>h1{background-image:url(...
から 2024-03-31 19:56:53
0
1
329
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！