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】


レストアの仕方


2003/03/28
XML
カテゴリ:【プチ講座】



■【初心者のためのプチ講座 VOL.4】

  【初心者のためのプチ講座 VOL.3】(3月23日)の日記で
  テーブルタグのように使える、ボックスを紹介しました。
  取り急ぎ、ボックスタグの雛形しか載せませんでしたので、
  今日は属性のタグの説明をしてみましょう。

    

  ここに、このように本文を入れましたり、
  画像を表示するタグを貼りつける事が出来ます。



    この雛形を下に書いて見ます。

    


    <div style="border-style: double; background:#FFFF80; color:red; width: 70%; height: 100px;">
  ここに、このように本文を入れましたり、
  画像を表示するタグを貼りつける事が出来ます。

</div>



    では、属性に付いて紹介します。
   border-style: 枠の属性;   枠のスタイルを指定します。
    
    border-style: double;    属性の指定のところに doubleと入れますと
                  一番最初のような枠になります。
    border-style: none;     枠が表示されません。
    border-style: solid;     枠が実線で表示されます。
    border-style: dotted;    枠が点線で表示されます。 
    border-style: groove;    枠の部分がへこんだように表示されます。
    border-style: ridge;     枠の部分が浮き上がったように表示されます。

   background: 背景の属性;   背景色を指定します。属性の所に、
                  カラーコードで「C0C0C0」「FFFF80」と
                  書いてもいいですし、「red」とか「blue」とか
                  カラーネームを書き込んでもOKです。
                  【カラーサンプル】はこちらから!

   color: 枠の色;        枠の色を指定します。背景と同じように
                  カラーコードやカラーネームを書き込みます。

   width: 幅; height: 高さ    ボックスの幅と高さを指定します。
                  PX(ピクルス)と%(パーセント)で指定します。
                  幅も高さも100%にしますと、日記のテーブル枠
                  いっぱいに表示します。

 
  おまけ!(*^_^*)            

    ↑これもボックスなんですが、このように
    ライン的な使い方も出来ます。
    楽天の編集ページで見出しなどをくくっているのは
    テーブルで作ったラインです。
    ボックスでも↑上のようにラインが出来ます。

    このラインにするタグを書いてみましょう。

    


<font style="border-style: none; background:red; width: 50px; height:20px;"> </font> おまけ!(*^_^*)<font style="border-style: none; background:red; width: 400px; height:20px;">           </font>



    このようになります。
    私のトップページに↓この様な文字の入った
    ラインがありますが、あれもテーブルです。

  
  【BGMを止めるのは、ブラウザの中止ボタン×を押してください!】


    テーブルでやる場合の雛形を書きますと。
    ↓このようになります。

    


<TABLE WIDTH="100%" BORDER="0" CELLPADDING="3">
<TR>
<TD WIDTH="80%" BGCOLOR="yellow"><B><FONT COLOR="#ff0000">■</FONT>【BGMを止めるのは、ブラウザの中止ボタン×を押してください!】</B></TD>
</TR>
</TABLE>



    日記でやる場合は、↓このようになります。

    


  <div style="border-style: none; background:yellow; width: 90%; height:25px;">  <FONT COLOR="#ff0000">■</FONT>【BGMを止めるのは、ブラウザの中止ボタン×を押してください!】</div>



    では!みなさん色々試して見てください。
    今週はどうにかして、【おもしろタグ教室】の
    「テーブルで整理整頓VOL.2」を更新したいものです。(-_-;)    










Last updated  2004/09/19 01:37:19 PM
コメント(8) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約に同意してコメントを
※コメントに関するよくある質問は、こちらをご確認ください。


Re:【What’s News VOL.12】(3/28)   ちびたもも さん
こんばんは。
わたしにとってはまだまだ難しい部分がありますが、少しでも進歩したいなあ。
壁紙チェンジャー、面白いですね。
こんなことも出来るんですね。 (2003/03/28 08:45:01 PM)

Re:【What’s News VOL.12】(3/28)   julyneko さん
「プレートくれぇぇ~!」
これでいいのね~♪

申し訳なくて なかなか 本音がいえません
よ(^○^)ろ(^○^)し(^ー^)く(^○^)ぺこm(_ _)m (2003/03/28 10:13:04 PM)

Re:【What’s News VOL.12】(3/28)   サンサン33 さん
トップページではなく、他のページのところでやってみたのです。

でも、急ぎませんので、そのうち、教えて下さい。

gtoneさん、とっても忙しそうだから。 (2003/03/28 10:50:46 PM)

Re:【What’s News VOL.12】(3/28)   julyneko さん
楽しみに していますね
48000も 踏めるはずだったのにぃ~~~
(* ̄m ̄) ププッ (2003/03/28 11:40:23 PM)

Re:【What’s News VOL.12】(3/28)   サンサン33 さん
さすがですね。
見つかってしまいました。

少しずつ学んでいきますので。

プレートはまとまった時間ができたときにお願いしますね。 (2003/03/29 08:43:10 AM)

Re:【What’s News VOL.12】(3/28)   nonchan403 さん
今日は・・バイクのFタイヤを替えるとベアリングが
悪くって・・修理に~残念!走れない(-_-;)

時間が有るので・ここのおまけ・・戴いて帰ります
いつも・・ありがとう御座います・・・(o^-^o) (2003/03/29 02:55:43 PM)

Re:【What’s News VOL.12】(3/28)   パディントン1969 さん
おはようございます。
遅くなりましたが
♪HAPPY BIRTHDAY TO YOU♪
どんなお誕生日を過ごされましたか?

ところで、←昨日コピーしてお借りしました。
トップにカレンダー用として使わせてもらっています。
丸写しですみませんm(__)m
(2003/04/03 08:53:30 AM)

Re:【What’s News VOL.12】(3/28)   nonchan403 さん
(*゜ー゜)vありがとう
今帰ってきたので・・ごめん掲示板を見るのが・・
遅くなってすみません ありがとう御座いました

プチ講座でも・・(^▽^笑)勉強しましたが・・
・・・(´ヘ`;) 解らないのです
もし~お時間有る時に・・(^∇^)アハハハハのペ-ジを
見て下さいませんでしょうか?・・ (2003/04/10 06:15:04 PM)

PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.