れびうぶろぐ　@楽天ブログ

その他のタグ

TOPページ > 初心者のためのタグ講座

12．その他のタグ

01. テキスト、フォント関係	02. 画像の貼り方	03. リンクの貼り方	04. テーブルタグその1
05. テーブルタグその2	06. テーブルタグその3	07. テーブルタグその4	08. テーブルタグその5
09. テーブルタグその6	10. テンプレの作り方	11. テンプレの作り方-日記編	12. その他のタグ

★ <div><div>タグ、<span></span> ★

どちらもタグ自体に何か効果があるわけではありません。
<div>タグはブロックレベル要素、<span>タグはインラインレベル要素といいます。
（他のタグもほとんどがブロックレベルかインラインレベルに分けられます）
ブロックレベルは見出しや段落などといったまとまりを構成している要素です。
たとえば<div>タグに背景色をつけて文字を表示してみます。

こんな感じに効果が左右いっぱいに広がります
(幅を指定したり出来ますが)

<div>タグは主に見出しや文章をグループ化し、配置の調整などをするために使います。

それに対し<span>タグは文章中に使います。
こんな感じです。
タグで囲った範囲に効果があり改行されません。

スタイルシートと一緒に使うことにより役立ちます。

★ divへのスクロールバーの付け方 ★
divだけではなくブロックレベル要素を持ってるタグに有効なんですが
スクロールバーの付け方です。
（div,p,h（見出しタグ）,などに使えます）
簡単に書くとこんな感じです
<div style="width:横幅;height:高さpx;overflow:auto;scrollbar-base-color: #好きな色;">
</div>
overflow:autoのautoはscrollと変えられます。
autoはスクロールバーが必要になったら自動的にあらわれ
scrollは初めからスクロールバーが見えています。

なおスクロールバーの色は細かく指定できるのですが
結構面倒だしソースが長くなってしまうので
簡単に設定できる指定の仕方でしています。

リストを表示する

このように表示されます。