GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2004/05/18
XML
カテゴリ: カテゴリ未分類
 日記 GT-ONE WEBSITE 【プチ講座】
 ファイル 編集 表示 お気に入り  ヘルプ( ご質問掲示板 プチ講座 プチOFF会告知

    プチOFF会の告知を載せようと思ったのですが・・・!
    字数制限で、載せられませんでした。
    この上のWEB調のアドレスバーに「プチOFF会告知」があります。
    そちらをクリックして覗いて下さいませ。( ̄m ̄*)V

    今回も引き続いて、TABLEの属性をやっていきましょう。
    前回は 【初心者のための日記でTABLE講座!6】属性の説明(2)!
    cellspacing と cellpadding について話しました。
    ではそのTABLEを書いて見ます。

此処に文字! 此処に文字!
此処がセル内です 此処がセル内です

    この↑TABLEのタグを書きますと↓これですね。




<TABLE border="10" bordercolorlight="pink" bordercolordark="deeppink" align="center" bgcolor="" width="80%" height="" cellspacing="20" cellpadding="20"><TR><TD align="center" bgcolor="deeppink"><FONT SIZE="+1" color="white">此処に文字!</font></TD><TD align="center" bgcolor="deeppink"><FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR><TD bgcolor="#CEFFCE">此処がセル内です</TD><TD bgcolor="#CEFFCE">此処がセル内です</TD></TR></TABLE>


    では、このTABLEを基にして、今回も説明していきましょう。


bgcolorについて!

    bgcolor は、セル内の背景色を指定します。カラーコードでもカラーネームでもOKです。
    <TABLE>の中に入れますと、テーブル全体の背景色を指定できます。
    <TR>の中に入れますと、その行のみ背景色が変わります。
    <TD>の中に入れますとそのセルのみ背景色が変わります。

    <TABLE>の中だけ bgcolor="tan" を入れてみましょう。

    <TR> <TD> には背景色を指定しません。

此処に文字! 此処に文字!
此処がセル内です 此処がセル内です

    タグは↓こうなりますね。



<TABLE border="10" bordercolorlight="pink" bordercolordark="deeppink" align="center" bgcolor="tan" width="80%" height="" cellspacing="20" cellpadding="20"><TR bgcolor="" ><TD align="center" bgcolor="" ><FONT SIZE="+1" color="white">此処に文字!</font></TD><TD align="center" bgcolor="" ><FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR bgcolor="" ><TD bgcolor="" >此処がセル内です</TD><TD bgcolor="" >此処がセル内です</TD></TR></TABLE>


    では、一行目は <TR bgcolor="blue"> と指定します。 二行目は <TR bgcolor="skyblue"> と指定しましょう。

    そうしますと、TABLEはこうなります。

此処に文字! 此処に文字!
此処がセル内です 此処がセル内です

    一行目の背景色がブルーに、二行目の背景色がスカイブルーになりました。
    お判りでしょうか!( ̄m ̄*)V タグを書きますね!



<TABLE border="10" bordercolorlight="pink" bordercolordark="deeppink" align="center" bgcolor="tan" width="80%" height="" cellspacing="20" cellpadding="20"><TR bgcolor="blue" ><TD align="center" bgcolor=""><FONT SIZE="+1" color="white">此処に文字!</font></TD><TD align="center" bgcolor=""><FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR bgcolor="skyblue" ><TD bgcolor="">此処がセル内です</TD><TD bgcolor="">此処がセル内です</TD></TR></TABLE>


    お判りでしょうか!( ̄m ̄*)V
    <TD bgcolor="">に背景色を指定しますと、<TD bgcolor="red">このように、
    <TR>に背景色を指定していましても、セル内(<TD>)に指定した背景色が優先します。

此処に文字! 此処に文字!
此処がセル内です 此処がセル内です

    タグを書きますね!



<TABLE border="10" bordercolorlight="pink" bordercolordark="deeppink" align="center" bgcolor="tan" width="80%" height="" cellspacing="20" cellpadding="20"><TR bgcolor="blue"><TD align="center" bgcolor="red" ><FONT SIZE="+1" color="white">此処に文字!</font></TD><TD align="center" bgcolor=""><FONT SIZE="+1" color="white">此処に文字!</font></TD></TR><TR bgcolor="skyblue"><TD bgcolor="">此処がセル内です</TD><TD bgcolor="yellow" >此処がセル内です</TD></TR></TABLE>


    今回は、背景色について書いて見ました。
    みなさんがんばって下さいね。
    では!ε=ε=ε=(┌ ̄)┘ダッシュ!
    PS:トラックバックで・・・みなさん、右往左往してるみたいですね・・・( ̄‥ ̄)=3 フン!







お気に入りの記事を「いいね!」で応援しよう

Last updated  2004/05/18 11:21:37 PM
コメント(4) | コメントを書く


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

Profile

gtone

gtone

Calendar


© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: