HTMLで一般的に使用されるタグの要約

目次

行内元素

タグ

imgタグ

スパンタグ

ブロックレベルの要素

divタグ

pタグ

hnタグ

olタグ

         ulタグ


行内元素

インライン要素:自動的に折り返されず、サブタグに不満があることを意味します。

タグ

形式:<a href = "URL" target = "_ self">コンテンツ</a>
機能:角かっこで囲まれたコンテンツへのハイパーリンクを追加します。ハイパーリンクは、ターゲットで定義された形式で入力されたURLを指します。 。
使用法:タグには、2つのタグ属性値hrefとtargetがあり、それぞれURLとポップアップメソッドに対応します。その中で、ターゲットは元のページのポップアップ_selfと新しいページのポップアップ_blankに分けられます。デフォルトは元のページのポップアップです。

imgタグ

形式:<img src = "画像の保存場所" />
機能:必要な画像をWebページに追加します。
使用法:imgタグのsrcタグの属性値は、画像の場所を明確に指定する必要があります。そうしないと、画像が表示されないという問題が発生します。通常、titleタグ属性値を使用して画像を説明します。つまり、カーソルを画像の上に置くと説明が表示され、altタグ属性を使用して画像が存在しない場合の代替テキストを設定します。この属性の表示効果は、ブラウザとブラウジングに関連しています。デバイスのバージョンが関連しています。

スパンタグ

形式:<span>テキストコンテンツ</ span>
使用法:spanタグには固定形式のパフォーマンスはなく、CSSスタイルが適用されている場合にのみ視覚的な変更が発生します。
機能:ドキュメント内のインライン要素を結合するためによく使用されます。通常、CSSスタイルを使用して、結合されたドキュメント内の要素のスタイルを変更して、ドキュメントを充実させる場合に使用されます。
 

ブロックレベルの要素

ブロックレベルの要素:自動分岐、Webページのサブタグ全体を占有します。

divタグ

形式:<div>コードセグメント</ div>
使用法:必要なコードを他のコードでセグメント化して、地域構造フレームワークを完全かつ整然としたものにします。
機能:コード構造を明確にし、スタイルをより美しくします。最初のデザインコンセプトを次の図に示します。Webページをヘッド、中央、下部に分割して、美しく、階層化して整理します。

pタグ

形式:<p>コードセグメント</ p>
使用法:pタグは段落タグであり、通常は自動テキストセグメンテーションに使用され、テキストの各段落はpタグのペアを使用します。その中で、ラベル属性は次のとおりです

hnタグ

形式:<hn></hn>タイトルタグ
使用法:nの値は1〜6です。ここで、

最大のタイトルを定義します。最小のタイトル、共通ラベルの属性を定義します。
整列

olタグ

フォーマット:

<ol type="" start="">
	<li></li>
	<li></li>
	<li></li>
</ol>

使用法:1対のol山括弧の間にli山括弧を数行挿入し、li山括弧の間に表示する内容を入力して、順序付きリストの設定を完了します。typeとstartの2つのラベル属性があります。
それらの中で、typeはolサブタグliの番号タイプを指定し、その属性値は次のとおりです:

スタートは、指定のシーケンス番号の起点オールサブタグLiはデフォルトは1で、それがなければなりません整数

役割:順序付きリストを作成します

ulタグ

フォーマット:

<ul type="">
	<li></li>
	<li></li>
	<li></li>
</ul>

使用法:1対のol山括弧の間にli山括弧を数行挿入し、li山括弧の間に表示する内容を入力して、順序付きリストの設定を完了します。リストは順序付けられていないリストであるため、順序はなく、開始タグ属性もありません。したがって、タグ属性はtypeのみで、タグ属性値は次のとおりです。

役割:順序付けされていないリストを作成します。

 

 

 

 

おすすめ

転載: blog.csdn.net/m0_46383618/article/details/107472772