div要素

TOPページに戻る > html入門

スポンサード リンク

div要素

他の要素をまとめてグループ化する要素です
ホームページの枠組みやブログのレイアウトにもよく使われています
div要素の内容になるものはブロック要素、インライン要素、テキストです
CSSでdivで囲ったグループごとにデザインすることも可能です
インライン要素やpやbrやh3などブロック要素もdivで囲うこともできます。divの中にdivも入れられます。テキストを囲んで枠線を付けることもできます
div要素は便利なbox(箱)です

使い方(書式)

<div></div>

div要素

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
要素の種類 ブロック要素
内容となる要素 ブロック要素、インライン要素、テキスト

属性 説明
align属性 内容になるテキストの表示位置を指定。値はleft、right、top、justify
推奨されない属性です、cssのtext-alignプロパティで表示位置を指定してください
共通属性 html共通属性
イベント属性 htmlイベント属性

実際の指定方法

html

<div>
<h6>テキスト</h6>
<p>テキスト</p>
</div>

実際の表示

テキスト

テキスト


cssのfloatプロパティでレイアウトを作る
cssのpositionプロパティで自由なレイアウトを作る

その他のデザインはcssでスタイルを指定





(C)2012 ホームページ作成無料