★<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は初めからスクロールバーが見えています。
なおスクロールバーの色は細かく指定できるのですが
結構面倒だしソースが長くなってしまうので
簡単に設定できる指定の仕方でしています。
リストを表示する
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul> |
このように表示されます。
<ul>を<ol>に変えることで・が数字に変わります。
また、
<ul type="disk">とすることで黒丸
<ul type="circle">とすることで白丸
<ul type="square">とすることで四角
のマークが表示されます。
|