記事本文を飾り付けてみよう「（その２４）Wiki超入門１４」

今回はテーブルの色やサイズの変更の仕方をご説明します。
テーブルの中で改行ができないので、あまり使い勝手は良くありませんが、見た目にアクセントを付けるにはアイディア次第で有効な方法だと思います。それでは、やってみましょう。

※Wikiを使用する場合は、記事本文を記入する欄の右上にある「Wiki文法使用」をチェックしておいてください。

基本的なルールとしては

||||
||<#色の値' width=横幅 height=高さ ``表の文

です。

・"|"は縦棒です（何て言うのか判りません）。私のキーボードでは右上の"\"キーをShiftと一緒に押すと出てきます。
・色の値の次にあるのは['](シングルクォーテーション)です。私のキーボードでは"7"キーをShiftと一緒に押すと出てきます。
・表の文の前にあるのは[`](何て言うのか判りません)。私のキーボードでは右側の"@"とshiftを一緒に押すと出てきます。

■テーブルの色と大きさを変える（1行で横幅100px・高さ100pxの時）

文法）
||||
||<#ff0000' width=100 height=100 ``赤色です
||<#00ff00' width=100 height=100 ``緑色です
||<#0000ff' width=100 height=100 ``青色です

結果）

赤色です	緑色です	青色です

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■テーブルの色と大きさを変える（2行で横幅100px・高さ50pxの時）

文法）
||||
||<#ff0000' width=100 height=50 ``赤色です
||<#00ff00' width=100 height=50 ``緑色です
||<#0000ff' width=100 height=50 ``青色です
||||
||<#ffff00' width=100 height=50 ``黄色です
||<#00ffff' width=100 height=50 ``水色です
||<#ff00ff' width=100 height=50 ``ピンクです

結果）

赤色です	緑色です	青色です
黄色です	水色です	ピンクです

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

如何でしょうか？上手く表示されましたか？
いろいろと細かい設定がでてきて、難しく感じるかもしれませんが、一つ一つやっていけばそんなに難しいことではないと思います。恐れずに試して見てくださいね。

参考
色見本はこちらをご覧ください。
色見本１
色見本２

また、Yahoo!blogの場合、記事の部分の横幅は560pxに設定されているようです。
テーブルの大きさを設定する時は、横幅の合計をそれ以下にしておいた方が良いでしょう。

[感謝]
この記事は「きろくぶろぐ」さんの記事を参考にさせていただきました。
もしも、参考になりましたら「きろくぶろぐ」さんのページにて、ボタンをお願いします。
「きろくぶろぐ」さんの研究の成果に感謝！！

[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下のを押してください。

すご〜〜〜〜〜いｗｗ転載させていただきますｗｗｗ

[よーこ]

私が知らン事ばｯかり載ってて本当に役立ちます!!!!傑作押しますね☆

転載させてください

[ショーン]

参考になります♪ファンぽち。

[けん]

勉強させていただきやした( ..)φメモメモ

転載させてください。
傑作ぽちん

転載＆傑作させてくださいね＾＾

[看護学校受験生]

私も転載＆傑作させてくださいね＾＾

お気に入りブログにも登録させていただきました＾＾
よろしくお願いします♪

参考にさせていただきました。

[legend_1351]

すごいですね！('ｰ')
表作りの参考にします。
傑作ポチ