<div>文字列</div>
<div align="配置位置">文字列</div>
配置位置‥left(左揃え),center(中央揃え),right(右揃え)
<span>文字列</span>
<div align="配置位置">文字列</div>
配置位置‥left(左揃え),center(中央揃え),right(右揃え)
<span>文字列</span>
| 要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
|---|---|---|---|---|
| div span | ブロックレベルの範囲の設定 インラインの範囲の設定 | |||
| align(div要素のみ) | 行揃え | 非推奨 | ||
| class | クラス名 | |||
| id | ＩＤ名 | |||
| title | 補足情報 | |||
| style | スタイルシート | |||
| lang | 言語コード | |||
| dir | 文字表記の方向 |
div要素は又はspan要素は、要素としての意味は特に何も持たないタグです。div要素はブロックレベル要素であることを、
span要素はインライン要素として定義されています。
<div>〜</div> で囲まれた部分は、文章の区切りを表すのに用い、この要素で囲まれた範囲は、いくつかの
段落を含むひとかたまりの文章とみなされ、align属性を用いて、配置する位置を設定するのに又スタイルシートを適用したりして利用します。
span要素は、<span>〜</span>で、囲まれた部分にclass、id、style属性を使ってスタイルを適用したりするのに用いられます。
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>目的に応じて範囲を設定する。</title>
</head>
<body>
<div><span style="color:blue">日光東照宮</span><br>
<p><span style="color:blue">日光東照宮（にっこうとうしょうぐう）</span>は栃木県日光市にある神社。 江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。 日本全国の東照宮の総本社的存在である。正式名称は地名等を冠称しない「東照宮」であるが、他の東照宮との区別のために、 「日光東照宮」と呼ばれることが多い。</p>
<p><span style="color:red">東国の精神的中心としての歴史は徳川氏の東照宮よりも遥かに早く、 遅くとも源義朝による日光山造営までさかのぼりうる。</span>さらに源頼朝がその母方の熱田大宮司家の出身者を別当に据えて以来、 鎌倉幕府、関東公方、後北条氏の歴代を通じて東国の宗教的権威の一中心であり続けた。徳川氏の東照宮造営はこの歴史を巧み に利用したと考えられる。</p>
</div>
</body>
</html>
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>目的に応じて範囲を設定する。</title>
</head>
<body>
<div><span style="color:blue">日光東照宮</span><br>
<p><span style="color:blue">日光東照宮（にっこうとうしょうぐう）</span>は栃木県日光市にある神社。 江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。 日本全国の東照宮の総本社的存在である。正式名称は地名等を冠称しない「東照宮」であるが、他の東照宮との区別のために、 「日光東照宮」と呼ばれることが多い。</p>
<p><span style="color:red">東国の精神的中心としての歴史は徳川氏の東照宮よりも遥かに早く、 遅くとも源義朝による日光山造営までさかのぼりうる。</span>さらに源頼朝がその母方の熱田大宮司家の出身者を別当に据えて以来、 鎌倉幕府、関東公方、後北条氏の歴代を通じて東国の宗教的権威の一中心であり続けた。徳川氏の東照宮造営はこの歴史を巧み に利用したと考えられる。</p>
</div>
</body>
</html>
Internet Explorer8での表示例
