HTMLの基礎~ DIVと SPAN ~HTML入門~HTML TUTORIAL~

スポンサーリンク

本当にわからないとこがあった場合一人では解決できません。
『teratail』とはエンジニア特化型のQ&Aサイトです。 すべてのエンジニアさんが抱えている悩みを共有して 解決するための質問サイトです
無料なのでまずは登録して使ってみてください。メールアドレスだけで登録可能です ----------------------------------------------------------------------------------------

HTMLの基礎~<DIV> と<SPAN>

HTMLはすべてコンテンツに意味を適用することが目的なんですが。ほとんどのHTMLタグは(意味を適用するのに対しp、段落を行い、h1見出しなどを行い)このように意味や用途があるんですがこの二つ、DIVとSPANはなかったりします。

spanおよびdivタグはまったく意味が適用されませんCSSと一緒に使用されているという意味合いになります。

DIV> と <SPAN> は,ほかの要素と同じく STYLE 属性を持ち,スタイルを範囲に適用するという意味です。もう図を見ますね。これが一番わかりやすい。

例です

<P>行中に<SPAN STYLE="color: red;">スタイルを適用</SPAN>します。</P>
<DIV STYLE="color: navy;">
  <P>段落といった改行を前後に伴う要素にスタイルを指定します。</P>
  <P>ブロックレベルのスタイル。</P>
</DIV>

これでわかりましたね。行の中で色とか決める<SPAN>

行間とか<P>とかに色とか決める <DIV>

ということです

次のページ

スポンサーリンク

プログラミングは独学からは挫折の可能性が高いです。まずは無料体験ができる
コードキャンプが本当におすすめ。無料体験でわからないところを聞きましょう。
転職補助つき。カリキュラム終了後に転職紹介をしてくれます。