HTMLのdiv、p、br、spanの使い方;FC2ブログ・プチカスタマイズ   

HTMLのdiv、p、br、spanの使い方|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | 基本のタグを覚えよう| HTMLのdiv、p、br、spanの使い方 に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > HTMLのdiv、p、br、spanの使い方・基本のHTMLとスタイルシート > 基本のタグを覚えよう > HTMLのdiv、p、br、spanの使い方


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 HTMLのdiv、p、br、spanの違いを知ろう。

 pは段落、brは改行。

 ここまではわかりやすい。

 じゃあ、div、spanは?

 ややこしいことは抜きとして、実際にはどの順番でどういうふうにdiv、spanを使うんだろう?

divの内側にはdiv、p、brを入れることができる

 divの中にはdiv、p、brを入れることができる。

 たとえばこんな感じ

<div style="BACKGROUND-COLOR: #ff0000;  ">
<p>あああ</p>
<p>いいい</p></div>

 ブラウザで見てみると↓のようになる。

あああ

いいい

spanはdivやpの中で使う

たとえばこんな感じ↓

<p>ああ<span style="BACKGROUND-COLOR: #ff0000">あ</span><br>
いいい</p>

 ブラウザで見てみると↓

ああ
いいい

<div>あ<span style="BACKGROUND-COLOR: #ff0000">あ</span>あ</div>

 ブラウザで見てみると↓

 もちろん、もっとほかの違いがあるのだが今回はここまで。

 というか、普通にHTMLやスタイルシートをいじる分にはこれだけわかっていれば十分って気がする。



サイト内の同タグへのリンク: HTML  div  p  br  span 
他のサイトへのタグリンク : HTML div p br span

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[基本のタグを覚えよう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/168-a9103582
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。