CANPAN ブログ検索
Loading
  • もっと見る
«よく使うショートカットキー | Main | Google カレンダーの掲載方法»
記事の中に表を書いてみよう [2009年02月16日(Mon)]
ブログの中で、記事やサイドバーの部分には
以下のような表を挿入することができます笑い


チーム名\回 1回 2回 3回 4回 5回 6回 7回 8回 9回 合計
Aチーム 1 0 0 0 3 0 0 0 0 4
キラキラBチームキラキラ 2 0 0 1 0 0 0 0 2 5


参加者募集中音符



表は<TABLE>というタグを使って書いています。
※タグの詳細についてはHTMLタグ辞書を参考にしてください。


私が<TABLE>タグを書くときに使っているサイトに
テーブルタグ作成ツールがあります。

自動的にタグを書いてくれるので
簡単な表なら十分に対応できると思いますまる




(参考)
上記の対戦表&参加者募集(青枠)の表のソースは以下の通りです。
コピーして貼り付けると、上記の表が表示されます。


【対戦表】
――――――――――――――――――――――――――――――――
<TABLE border="1" cellspacing="0">
<TBODY>
<TR>
<TD>チーム名\回</TD>
<TD align="center">1回</TD>
<TD align="center">2回</TD>
<TD align="center">3回</TD>
<TD align="center">4回</TD>
<TD align="center">5回</TD>
<TD align="center">6回</TD>
<TD align="center">7回</TD>
<TD align="center">8回</TD>
<TD align="center">9回</TD>
<TD align="center">合計</TD>
</TR>
<TR>
<TD align="center">Aチーム</TD>
<TD align="center">1</TD>
<TD align="center">0</TD>
<TD align="center">0</TD>
<TD align="center">0</TD>
<TD align="center">3</TD>
<TD align="center">0</TD>
<TD align="center">0</TD>
<TD align="center">0</TD>
<TD align="center">0</TD>
<TD align="center">4</TD>
</TR>
<TR>
<TD bgcolor="#ffcaca" align="center">キラキラBチームキラキラ</TD>
<TD align="center" bgcolor="#ffcaca">2</TD>
<TD align="center" bgcolor="#ffcaca">0</TD>
<TD align="center" bgcolor="#ffcaca">0</TD>
<TD align="center" bgcolor="#ffcaca">1</TD>
<TD align="center" bgcolor="#ffcaca">0</TD>
<TD align="center" bgcolor="#ffcaca">0</TD>
<TD align="center" bgcolor="#ffcaca">0</TD>
<TD align="center" bgcolor="#ffcaca">0</TD>
<TD align="center" bgcolor="#ffcaca">2</TD>
<TD align="center" bgcolor="#ffcaca">5</TD>
</TR>
</TBODY>
</TABLE>
――――――――――――――――――――――――――――――――


【参加者募集(青枠)】
――――――――――――――――――――――――――――――――
<TABLE style="border:2px dotted #0000FF;background:#ffffff;" cellpadding="3" height="50">
<tr>
<TD align="center" width="188">参加者募集中音符</TD>
</tr>
</TABLE>
――――――――――――――――――――――――――――――――
トラックバック
ご利用前に必ずご利用規約(別ウィンドウで開きます)をお読みください。
CanpanBlogにトラックバックした時点で本規約を承諾したものとみなします。
この記事へのトラックバックURL
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
トラックバックの受付は終了しました

コメントする
コメント
自立フロンティアズさんへ

表の記事拝見しました笑い
区切りがあることによって
とても見やすいと思いますOK


> 現在も「記事2」を表示すると、
> 記事タイトルが表示される茶色の帯が、
> 右サイドバーまで伸びています。

記事の幅が広がるだけならまだしも、
右サイドバーの部分までつながってしまうのは
不思議ですはてなはてなはてな

プログラム上の問題だと思いますが、
私にはわかりません。すみません
ブログは奥が深いですね^^;
Posted by: 返)→自立フロンティアズさん  at 2009年04月25日(Sat) 14:41

 以下の記事に表を使ってみました。

記事1
記事2
 
 この記事は表にしたことで、使い勝手がかなり向上したのではないかと思います。

 ところで、原因が分からないのですが、これらのページがMainで表示されている間は、ブログ全体のレイアウトが崩れ、右サイドバーの表示がずいぶん下にさがってしまうという現象が現れました。

 現在も「記事2」を表示すると、記事タイトルが表示される茶色の帯が、右サイドバーまで伸びています。

 それはともかく、また使ってみたいと思います。 
Posted by: 自立フロンティアズ  at 2009年04月16日(Thu) 05:56

tamoさんへ

コメントありがとうございます笑い
こちらでは、お初になりますね音符

tamoさんは、ホームページをはじめ
私の情報発信の先輩ですので
今後ともご指導よろしくお願いしますまる
Posted by: 返)→tamoさん  at 2009年03月06日(Fri) 13:43

会計道さんへ

目次のアイデアは
会計道さんを真似たものです(^^ゞ

皆さんのブログから
これはいいなキラキラと思うことを
勝手に掲載させていただいています笑い

今後ともよろしくお願いします。
Posted by: 返)→会計道さん  at 2009年03月06日(Fri) 13:29

こんばんは、ひでさん・・この表の枠はいいですね・・私も参考に使わせていただきますね・・こういった使用方法を紹介していただけると・・プログも幅出て・・いいです。このCANPANプログは・・書き止め機能があることと、メインページ自由記事があるのは・・とても助かりますね。
Posted by: tamo  at 2009年03月03日(Tue) 19:13

ひでさん

リンクありがとうございます

この目次はかっこいいですね

私のものもこれを見習ってバージョンアップを目指すことにします

Posted by: 会計道  at 2009年02月27日(Fri) 18:26

自立フロンティアズさんへ

いつも遊びに来ていただき
ありがとうございます。

自立フロンティアズさんのブログパーツは
とても参考になります音符

こちらこそ
どうぞ、よろしくお願いします笑い
Posted by: 返)→自立フロンティアズさん  at 2009年02月23日(Mon) 11:47

ひで様

 リンクありがとうございます。

 ここには、ほしい情報が適度に、分かりやすく提供されていて、本当に助かっています。

 これからもどうぞよろしくお願いします。
Posted by: 自立フロンティアズ  at 2009年02月20日(Fri) 11:18

ヨシピーさんへ

こちらこそ、ありがとうございます笑い

NPO法人きらきら星さんが運営する喫茶店の
マンゴージュースグラスドキドキ大
とっても楽しみにしていましたが…

年末、インフルエンザに罹り
予約した宿泊先をすべてキャンセルして
年始までずっと家にこもっていました悲しい

予定では、四国をグルッと一周するつもりだったので
妻もかなりがっかり^^;

かなり先のことですが、
今年の年末こそは
四国に遊びに行こうと誓っていますキラキラ
Posted by: 返)→ヨシピーさん  at 2009年02月19日(Thu) 17:46

こちらにもおじゃまします(。・ω・)ノ゙
リンクありがとうございました 笑い
こちらもリンクさせていただきます よろしく音符
ところで以前『地域活動支援センターあなん』の
ブログで紹介したきらきら星のお店に去年の暮れに
寄ります… というコメントをいただいたのですが
来られたのでしょうか?
地域活動支援センター連絡会のメンバーである
他のNPOだったので年末年始の休業日を
知らなかったため 無駄足にならなかったのかなはてな
と 気になっておりました
もし 寄ってくださったのにお休みだったのなら
申し訳ございません m(。・ε・。)mスイマソ-ン
これに 懲りずに('-'*)ヨロシク♪
Posted by: ヨシピー  at 2009年02月19日(Thu) 16:00

あしたの実さんへ

リンク集への掲載について
ご快諾ありがとうございます笑い

コメントをいただいた皆さんは
全国各地で日々、情報を発信されています。

私のブログでも、情報発信のお手伝いと
つながり作りができればと思いますまる
Posted by: 返)→あしたの実さん  at 2009年02月19日(Thu) 11:47

ひでさん。こんにちは。
いつも、ひでさんの「ブログ入門」
参考にさせてもらっています。
ひでさんの、アクセス数はいつ見てもすごいですね。
ひでさんのリンクに「あしたの実」を掲載していただいたということで、
私たちの活動をより多くの方に知ってもらえるのではと
大変嬉しく思います。ありがとうございます。

Posted by: あしたの実  at 2009年02月19日(Thu) 10:41