|
Wiki文法で表を作る場合、最大のネックが「行末の ||（縦棒×２本）」です。 通常のHTMLでは、表（ <TABLE> 〜 </TABLE> ）全体で、行（ <TR> 〜 </TR> ）の作り、 その中でセル（ <TH> 〜 </TH> または <TD> 〜 </TD> ）を入れることができます。 【サンプル文】 以下のサンプル文をコピーし、「メモ帳」などでペーストします。 そして、ファイルを「サンプル文.html」で保存し、Internet Explorerを開くと見ることができます。 <TABLE style=" background:#ffffff; padding:0px; width=300px;"> <TR> <TD style=" background:#00ffff; padding:0px;">A-1</TD> <TD style=" background:#ff00ff; padding:0px;">A-2</TD> <TD style=" background:#ffff00; padding:0px;">A-3</TD> </TR> <TR> <TD style=" background:#00ffff; padding:0px;">B-1</TD> <TD style=" background:#ff00ff; padding:0px;">B-2</TD> <TD style=" background:#ffff00; padding:0px;">B-3</TD> </TR> </TABLE> しかし、「Wiki文法」で複数のセル（例：A-1、A-2、A-3など）を使い、 行（例：「A-1」＋「A-2」＋「A-3」）と、行（例：「B-1」＋「B-2」＋「B-3」）をつなぐ場合には、 その中に、１行（例：｜|<#cccccc' colspan=3 style=' padding:0px; width:300px;' || ）を入れなければならないんです。 ※基本的に、背景色を「#ffffff」（白色）にしますが、今回は「#cccccc」（灰色）にしています。 【例文】 ||<#cccccc' colspan=3 style=' padding:0px; width:300px;' ``|| ||<#00ffff' style=' padding:0px;' ``■A-1 ||<#ff00ff' style=' padding:0px;' ``■A-2 ||<#ffff00' style=' padding:0px;' ``■A-3 ||<#cccccc' colspan=3 style=' padding:0px; width:300px;' ``|| ||<#00ffff' style=' padding:0px;' ``■B-1 ||<#ff00ff' style=' padding:0px;' ``■B-2 ||<#ffff00' style=' padding:0px;' ``■B-3【実際】
それと、１行の「｜|<#ffffff' colspan=3 style=' padding:0px; width:300px;' ||」なんですが、 「padding:0px; ＝ ゼロ」に入れても、実際に見ると「ゼロの行なのに見える行」になります。 例として、背景色を「#00ffff」、「#ff00ff」、「#ffff00」に入れました。 ※内容（文字など）の幅は「width:300px;」なので、幅は見えますが、 内容の高さ「height」は省略されていますので、内容の高さは「height:0px;（ゼロ）」になります。 【例文】 ||<#00ffff' colspan=3 style=' padding:0px; width:300px;' ``|| ||<#ff00ff' colspan=3 style=' padding:0px; width:300px;' ``|| ||<#ffff00' colspan=3 style=' padding:0px; width:300px;' ``||【実際】 【結論】 複数のセルが入る行（例：「A-1」＋「A-2」＋「A-3」）と、行（例：「B-1」＋「B-2」＋「B-3」）に隙間を入れる場合は、 「｜|<#ffffff' colspan=3 style=' padding:0px; width:300px;' ||」が絶対必要となります。 もし単体だけのセルであれば、「｜|<#ffffff' colspan=3 style=' padding:0px; width:300px;' ||」は入りません。 【例文】 ||<#00ffff' style=' padding:0px; width:300px;' ``■A-1|| ||<#ff00ff' style=' padding:0px;' ``■A-2|| ||<#ffff00' style=' padding:0px;' ``■A-3|| ||<#00ffff' style=' padding:0px;' ``■B-1|| ||<#ff00ff' style=' padding:0px;' ``■B-2|| ||<#ffff00' style=' padding:0px;' ``■B-3||【実際】
|
||||||||||||||||||||||||||||
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
今度はこっちです♪後日やります<(_ _)>♪
2005/11/3(木) 午前 9:58 [ mum*20*5_5 ]
MUMOさん＞ は〜ぃ、じっくり読んでくださいね！ (^_-)r
2005/11/3(木) 午後 1:15
びーにぃさん、やっぱまだわかりません。私の表の１行目は||<#ffffff ' colspan=2 style=' width:300px; padding:0px;' ``||が入っています。間違っていないような気がするんですが・・・
2005/11/5(土) 午後 3:17 [ mum*20*5_5 ]
MUMOさん＞ ちょっとだけ、背景色の「#ffffff」を「#cccccc」を変更しました (^_^;
2005/11/5(土) 午後 9:14
MUMOさん＞ 背景色の事ですが、「 #ffffff 」と「 ’ 」の中に「半角空白」が入っているみたいです。そうすると、実際の色が違う色に変わってしまうんですよ。Yahoo!さんのコーディングなので、やり方は複雑で分かり難いんですぅ (^_^;
2005/11/6(日) 午前 0:27
わかりやすいですね。(・ω・)b。私も今度記事でチャレンジしてみたいと思います。Wikiって奥が深いんですね。
2005/11/10(木) 午前 8:15 [ - ]
あやめさん＞ ゆっくりと、楽しんで遊びましょう〜！ ＼(^o^)/
2005/11/11(金) 午後 1:26
何故？ 最後の例文には ||<#00ffff' style=' padding:0px; width:100px;' ``■A-1|| 「width:100px」が 入るのでしょうか？ 「300px」 で出ていますが… ポッチ
2006/12/26(火) 午後 4:28
●オカン＞ ちょっと分かりにくい部分があったので、書き直しました。すみません、、、m(. .)m
2006/12/28(木) 午後 1:10