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

ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

Freepage List

【写真集】


■　玄関　■　


■プチ講座MENU


【日記の雛形・罫線】


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


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


バナーって何！


プレート教室VOL.1


プレート教室VOL.2


アニメＧＩＦ製作VOL.3


画像


アップロードとは　　


アイコンの使い方！


壁紙の使い方！


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


.　　　　


.　　　　　　


.　　　　


　　


.


【壁紙チェンジャー】


【リンク集】


　　　


.　　　


　　　　　


.　　　　　　　　　


【キリ番】


　　　


　　


　　　


　　


　　


　　


　　


　　


　　


　


　　


　　


　　


マーキー


グラデーションフォント　


色々なスクロール１


色々なスクロール２


色んなスクロール３


　　


　　　


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


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


(*mm)　　　


！　　


スクロールを消す


　　


　　


TABLEでページ一覧を隠す


.


φ（．．）


.


スイッチで表示


【日記リンクの皆様】　


(￣‥￣)=3 ﾌﾝ


　　　　　　


　


　　　　　　　　　　　


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


　　　


ＴＡＢＬＥで整理整頓　　


アニメＧＩＦって何！


　　　　　　


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


　


【飾付VOL１０】


test


雛形１


Rum Rose


remon


【My PIPE Collection】


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


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


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


【マイパイプ　コレクション　＃31～＃40】


レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2004/04/04
XML

【初心者のための日記でＴＡＢＬＥ講座！】

(10)
カテゴリ：【日記の雛形！】

    何回かに分けて【初心者のための日記でＴＡＢＬＥ講座！】を書いて行こうと思います。
    では！日記に背景色をつけてみましょう。一番簡単な一列一行のＴＥＢＬＥです！
    　
    ここがセル内です

    　
    タグは↓こうなります。

    <table width="50%" border="1" cellspacing="0" cellpadding="0"><tr><td>ここがセル内です</td></tr></table>

    　
    そこでＴＡＢＬＥの中にＴＡＢＬＥを入れてみます。
    　
    ここがセル内です

    タグはこのように書いています↓
    判りやすいように外側のＴＡＢＬＥが青、中に入れたＴＡＢＬＥが緑の枠にしてあります。
    　

    <table width="50%" border="1" cellspacing="0" cellpadding="0" bordercolor="blue"><tr><td><table width="50%" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="green"><tr><td>ここがセル内です</td></tr></table></td></tr></table>

    　
    中に入れたＴＡＢＬＥには、　align="center"　でセンターリングさせています。
    ここまでは判りますか？
    では！外側のテーブルに背景色を入れて、全体の枠を作ってみましょう。
    枠は　cellspacing="1"　として、ダブルにして見ます。cellspacing="0"　ですと、シングル線になります。
    タグをＴＥＢＬＥのセルの中に書いておきます。

<table width="100%" border="1" cellspacing="1" cellpadding="0" bordercolor="deeppink" bgcolor="#ffeeee"><tr><td bgcolor="#ffeeee">ここがセル内です</td></tr></table>

    bordercolor="deeppink"　が枠の色です。 bgcolor="#ffeeee"　が背景色です。
    TABLEの高さを指定していませんから、テキストを書いただけ、セルが縦に広がってくれます。
    高さを指定してみましょうか！ height="200" を入れてみます。


<table width="100%" height="200" border="1" cellspacing="1" cellpadding="0" bordercolor="deeppink" bgcolor="#ffeeee"><tr><td bgcolor="#ffeeee">ここがセル内です</td></tr></table>


    外枠らしくなりましたね！(￣m￣*)V
    では、これに便箋風のＴＡＢＬＥを入れてみましょう！
    「ここがセル内です」というところに、もう一つＴＡＢＬＥを入れます。

行の実線もセル内の背景色を使って表示しています。
中のＴＡＢＬＥの幅は全体の　width="80%"にしてあります。
テキストを書くところ意外は、タグを続けて書きます。
決して、タグ間は改行したり、スペースを入れてはいけません。
文字は１行づつ書きます。
この下に、この便箋風なタグは書いておきます。
ということで、今回は、日記全体に背景色を付ける事と
ＴＡＢＬＥの中にＴＡＢＬＥを入れることをやって見ました。
判っていただけたでしょうか？・・(￣‥￣)=3 ﾌﾝ
お願い判って・・・(￣_￣ i)ﾀﾗｰ
タグが判ってきた人も・・・おさらいで・・・(￣‥￣)=3 ﾌﾝ


　

<table width="100%" height="200" border="1" cellspacing="1" cellpadding="0" bordercolor="deeppink"><tr><td bgcolor="#ffeeee"><table align="center" width="80%" cellspacing="0" cellpadding="4" style="color:black;font-family:Comic Sans Ms;font-size:14;"><tr><td height="10"></td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td height="1"></td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr><tr><td bgcolor="deeppink" height="1"></td></tr><tr><td>此処に文字を書きます。
</td></tr></table>
</td></tr></table>

　

Copyright (C) GT-ONE WEBSITE 2002-2004　All Rights Reserved


　





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

Last updated  2004/08/24　10:55:14 AM
コメント(10) | コメントを書く

もっと見る



■コメント

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

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


Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   MICKEY-K さん
...ψ(。。)ﾌﾑﾌﾑ...
おさらいさせて頂きましたぁ
ヾ(・・;)ォィォィ　ﾀｸﾞも分かってないのに‥って?　(汗)
(2004/04/04　06:17:00 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   meiakira さん
こんばんわぁ～（*^_^*）

中途半端に理解していたので
最初からお勉強させて頂きますm(__)m
タグ頂いて帰りますφ(..)ﾒﾓﾒﾓ (2004/04/04　06:31:32 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   遥遠 さん
こんばんはー
＞素敵なＴＯＰが出来ましたね！
影文字のカラフルなリンクが、素敵です！
有り難うございます
これも、gtoneさんが親切にタグを教えていただいたおかげです

＞気の利いたプロバイダーには、サーバーを提供しているところありますよね
そこにアルバム用のＷＥＢページがあるのですが！

ん～
うちはのプロバイダーはyahooです
なかなか、無料のフォトアルバムって少ないですね･･ (2004/04/04　08:34:52 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   まといまま さん
利用させてもらいました。
今度はカラーを変えて挑戦してみます。
説明わかりやすくて助かります。
ありがとう♪(#^ｰﾟ)v (2004/04/04　08:40:59 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   よぉ★0605 さん
こんばんわ～♪
数日ＰＣ触ってませんでした～
もう一度　おさらいしますね～(#^.^#) (2004/04/04　10:24:29 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   のんたん2354 さん
('-'*)おひさ♪
元気でしたか。。。
いつも私たち、初心者の為に有難う～m(__)m
いつも勉強になりました。。。
タグをお借りして行きますv(=∩_∩=)
(2004/04/04　10:26:19 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   シュガリー☆ さん
文字と図の説明で、とてもよくわかりました。
初心者のためのわかりやすい講座、うれしいです。

携帯電話の使い方って、いろいろあるのですね。
いまだに、使いきれないというか、使ったことがない機能がたくさんあります。
(2004/04/05　03:19:39 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   桜紫OKEI さん
★まるで　私のために＝初心に戻ったアドバイスを
メッセージして下さったような日記。

　　　　　　　頑張る！！

最近、ちょっと目覚めて、進化してます、自分の中で。


(2004/04/05　03:26:18 PM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   torarachan さん
何時も(^Д^;)タグだけ戴いて帰ります
また～お時間が有れば覗いて下さい　m(_ _)m

いつもありがとう御座います (2004/04/07　11:05:51 AM)

Re:【初心者のための日記でＴＡＢＬＥ講座！】(04/04)   桜紫OKEI さん
★またお越しいただきありがとうございます。

画像は、苦肉の策だったアフィエイトのものを消しました。
：質問ですが、過去の画像も日記頁として、開く時の重さに影響しますか？
それとも、影響する重さはその日毎でしょうか？

★昨日＆今日の日記は作製、こちらから学ばせていただきました。
私としては、かなりの発展！
かつて、「のんびりと・・」とアドバイスもらって、
その割にはいかにも遅いのですが、、　　　嬉しいです。
　　　　　感謝しています。

(2004/04/08　12:29:07 PM)

PR

Profile

gtone

gtone

フォローする

Calendar

© Rakuten Group, Inc.