HTML-divタグ

説明

HTML <div>タグは、ドキュメントのセクションを定義するために使用されます。 divタグを使用すると、HTML要素の大きなセクションをグループ化し、CSSでフォーマットできます。

divタグとspanタグの違いは、divタグがブロックレベル要素で使用され、spanタグがインライン要素で使用されることです。

例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML div Tag</title>
      <link rel = "stylesheet" href = "style2.css">
   </head>

   <body>
      <div id = "contentinfo">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>

</html>

これはcsssファイル_style2.css_です

#contentinfo p {
   line-height: 20px;
   margin: 30px;
   padding-bottom: 20px;
   text-align: justify;
   width: 140px;
   color: red;
}

これは、次の結果を生成します-

グローバル属性

このタグは、リンク：/html/html_attributes_reference [HTML属性リファレンス]で説明されているすべてのグローバル属性をサポートします

特定の属性

HTML <div>タグは、次の追加属性もサポートしています-

Attribute	Value	Description
autofocus html-5	autofocus	Specifies

イベント属性

このタグは、link：/html/html_events_reference [HTMLイベントリファレンス]で説明されているすべてのイベント属性をサポートしています。

ブラウザのサポート

Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes

Html-div-tag

HTML-divタグ

説明

例

グローバル属性

特定の属性

イベント属性

ブラウザのサポート

目次