「表」の秘密（wikiでの表記Level２)

「表」の秘密（wikiでの表記Level２)

表のタグをwiki表記で出力するには、パイプを利用します。
ここでは、そのパイプの数字によって出力されるHTMLのソースについて少しだけ説明します。

• [表]
  
• [表の結合(属性colspan)]
  
  

wikiでの表記２

表

• 表記
  

  ||テキスト文字||テキスト文字||テキスト文字||
  ||テキスト文字||テキスト文字||テキスト文字||
  

• 見え方
  

テキスト文字	テキスト文字	テキスト文字
テキスト文字	テキスト文字	テキスト文字

となります。

実際に出力されているHTMLのソースは

• HTMLのソース(一部、見やすいようにしています）
  

  <table cellpadding='3' cellspacing='2'>
  <tr>
  <td>テキスト文字</td>
  <td>テキスト文字</td>
  <td>テキスト文字</td>
  </tr>
  <tr>
  <td>テキスト文字</td>
  <td>テキスト文字</td>
  <td>テキスト文字</td>
  </tr>
  </table>
  

となり、きちんとtable,tr,td各要素とも正常に出力されています。

表の結合(属性colspan)

• 表記
  

  ||||テキスト文字||テキスト文字||
  ||テキスト文字||テキスト文字||テキスト文字||
  

• 見え方
  

テキスト文字		テキスト文字
テキスト文字	テキスト文字	テキスト文字

と、パイプ||の後に||をくっつけて||||とすると、
いわゆる、セルの結合が行われます。

• 表記
  

  ||||||テキスト文字||
  ||テキスト文字||テキスト文字||テキスト文字||
  

• 見え方
  

テキスト文字
テキスト文字	テキスト文字	テキスト文字

と、パイプ||の後に||||をくっつけて||||||とすると、
さらに、３つのセルの結合が行われます。

実際に出力されているHTMLのソースは

• HTMLのソース(一部、見やすいようにしています）
  

  <table cellpadding='3' cellspacing='2'>
  <tr>
  <td align='center' colspan='3'>テキスト文字</td>
  </tr>
  <tr>
  <td>テキスト文字</td>
  <td>テキスト文字</td>
  <td>テキスト文字</td>
  </tr>
  </table>
  

となり、きちんと結合を意味するcolspanの属性値に3が正常に出力されています。

そして、この場合、align='center'も出力され、center寄せができています。

※このalign='center'が出力されるのは、セルを結合した場合の見栄えをよくする目的での「あくまで付加的な出力」だと推測されます。

---

ウィキペディアのwiki
wikiでの表記２

をを、まさにこれです。 トップの書庫案内をどう綺麗に配置するかで何度試してもうまく行かず、あきらめてました。俺にとってタイムリーです、ありがとう。

あー、「かず」さん良かったですね！。お役に立てて、感激です！ コメント。ありがとうございました！。

こちらを参考に表を作ってみたんですが、なぜか行によって表示がかわります。それとスペースはカウントされていないんでしょうか？

yukiさん、いらっしゃいませ！。そうですねー。実体参照文字の「＆nbsp;」で左に空白をつけてください！。そして､文字によっての大きさのずれは、少し、あれですが、<TT>タグを出現させて、{{{＆nbsp;012345678}}}空白も理解し、文字の大きさが揃ってくれると思います！。「※わかりにくいですが、文中の＆は半角の&にしてください＆→&」コメント、ありがとうございました！。（んーん､記事にできるといいですがー）

初めまして。
表を書きたかったのですが、書き方が分かりませんでした；

参考になりました！

たいへん失礼しました。
古い生地になりますので……。
コメント、ありがとうございました！。