div,span/id,classの使い方
div?span?
簡単な説明になりますがこの二つは単体では意味を持ちません。
divは、ブロック要素であり、
divで指定した範囲の見出し、段落、リスト、フォームは
まとまったものとして表され、前後に改行が入ります。
spanはインライン要素であり、
文章の一部として表され、改行がされません。
使い方
divの場合
<div align="right"> <p>おはよう</p> <p>hello</p> </div>
結果
おはよう
hello
これは、右端にテキストを表示することを書きました。
spanの場合
<p>hello<span style="color: purple">おはよう</span><p> <p>hello</p>
結果
helloおはよう
hello
おはようの部分だけ色を紫に変えることが出来ました。
このように、div、spanは文章をスタイリングすることに使います。
id、class
div、classにもidを指定することが出来ます。
しかし、ひとつの文書に同じidは複数使用できません。
複数使用したいときは、classを使用します。
使い方はidと同じですので説明は割愛します。
以上です。
