html5にはいくつかのレベルのタイトルタグがあります

青灯夜游
リリース: 2021-12-16 18:00:57
オリジナル
11012 人が閲覧しました

html5 タイトル タグには合計 6 つのレベルがあります: 1. 第 1 レベルのタイトルを定義できる「

」、2. 第 2 レベルのタイトルを定義できる「

」タイトル; 3. 「

」、3 レベルの見出しを定義できます; 4. 「

」、4 レベルの見出しを定義できます; 5. 「

」、5 レベルの見出しが定義できます6. 「
」、6 レベルの見出しを定義できます。

html5にはいくつかのレベルのタイトルタグがあります

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML ドキュメントには、

から

要素によって定義されるさまざまなレベルのタイトルが含まれています。このうち、が降順で最上位のタイトルを表し、
が最下位のタイトルとなります。

タイトルワードマーク<h1>~<h6></h6> </h1>

タイトルが最も重要度が高く、が最も重要度が低くなります。

文法:

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
ログイン後にコピー

説明:

この文法には、6 つのレベルがあります。タイトル、 は第 1 レベルのタイトルで、最大のフォント サイズで表されます。

はレベル 6 タイトルで、最小のフォント サイズで表されます。

例:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<title>标题字标记</title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>
ログイン後にコピー

本文欄の

から

までのタグは 6 段階のタイトルです。図 3.1 に示すように、プレビューで効果を確認してください。

html5にはいくつかのレベルのタイトルタグがあります

ヒント: 正確な格子のサイズはブラウザによって異なりますが、< hl>タイトルは約 2 ~ 3 です。標準のテキストの高さの 3 倍であり、

ラベルは標準のフォントよりわずかに小さくなります。

タイトル文字揃えプロパティ align

デフォルトでは、タイトル テキストは左揃えです。 Web ページの制作過程では、多くの場合、他の配置方法を選択する必要があります。配置設定は、align パラメータを使用して設定する必要があります。

構文:

<silgn=对齐方式>
ログイン後にコピー

説明:

この構文では、align 属性を title タグの後に設定する必要があります。アライメント値を表 3-1 に示します。

#表3-1アライメント値

# ##意味##left中央揃え#右揃え
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<title>标题字的对齐</title>
</head>
<body>
<h1>1级标题</h1>
<h2  align="left">2级标题左对齐</h2>
<h3  align="center">3级标题居中对齐</h3>
<h4  align="right">4级标题右对齐</h4>
</body>
</html>
ログイン後にコピー
本文欄のコードマーク

set セクションでは、タイトル テキストの左、中央、右の異なる配置を設定します。図 3.2 に示すように、ブラウザでプレビューすると効果を確認できます。


ヒント:

ブラウザが異なると、正確な格子サイズも異なります。見出しは標準テキストの高さの約 2 ~ 3 倍で、

見出しは標準のはしごよりわずかに小さいです。 html5にはいくつかのレベルのタイトルタグがあります

推奨チュートリアル: 「html ビデオ チュートリアル

以上がhtml5にはいくつかのレベルのタイトルタグがありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

##左揃え

##中央
例: