Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><div>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<div>…複数の要素をグループにする

使用タグ

HTMLタグ

<div 属性="属性値">〜</div>

開始タグと
終了タグ

両方必須

内容となる
要素

ブロック要素、インライン要素、テキスト

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<div>タグブロック要素でこれを使えば、複数の要素をグループ化することができます。<div>タグでグループ化した内容はalign 属性で表示位置を変更したり、スタイルシート(CSS)を利用することによって、見栄えをまとめて変えることができます。
同様の効果でインライン要素を使いたい場合は<span>タグを使いましょう。

属性と働き

属性 働き 指定できる値
align="横方向の位置"
非推奨
CSSでの指定text-align
<div>〜</div>の中での文字の横方向の配置を指定できます
left(左揃え)
center(中央揃え)
right(右揃え)
justify(両端揃え)

使用例

記述例
<div align="center">
<h2>見出し</h2>
<p>このように見出しと段落をdiv要素内に記述することによって、見栄えなどをまとめて指定できます。ちなみにデザインを指定する場合はスタイルシート(CSS)を使用するのが、一般的です。</p>
</div>
↓
[ブラウザでの表示例]
ブラウザ

見出し

このように見出しと段落をdiv要素内に記述することによって、見栄えなどをまとめて指定できます。ちなみにデザインを指定する場合はスタイルシート(CSS)を使用するのが、一般的です。

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system