テーブル(表組)を入力する
テーブル(表組)を入力する場合は、テキストユニットの「テーブル」を使用します。
ここで使用する記法はa-blog cms専用のものとなっています。
「テーブル」ユニットでは、HTMLを使わずに簡易記法で表組を入力することができます。
入力の基本
本文の1行がテーブルの1行(
例)テーブル書式での表記
aaaaa,bbbbb,ccccc ddddd,eeeee,fffff
例)ブラウザでの表示
aaaaa | bbbbb | ccccc |
ddddd | eeeee | fffff |
セル内でカンマを使用する場合
カンマのあるセルを半角ダブルクォーテーション(「"」)で囲みます。
例)テーブル書式での表記
"aaaaa,bbbbb",ccccc
例)ブラウザでの表示
aaaaa,bbbbb | ccccc |
「th」の設定
「th(表ヘッダ=見出し)」として設定したいセルの先頭に「#」を入力します。
例)テーブル書式での表記
#aaaaa,bbbbb,ccccc #ddddd,eeeee,fffff
例)ブラウザでの表示
aaaaa | bbbbb | ccccc |
---|---|---|
ddddd | eeeee | fffff |
右寄せ
右寄せとして設定したいセルの右端に「|(バーティカルバー)」を入力します。
例)テーブル書式での表記
aaaaaaaaaa|,bbbbb|,cccccccccccccc| ddddd|,eeeeeeeeeeee|,fffff|
例)ブラウザでの表示
aaaaaaaaaa | bbbbb | cccccccccccccc |
ddddd | eeeeeeeeeeee | fffff |
左寄せ
左寄せとして設定したいセルの左端に「|(バーティカルバー)」を入力します。
例)テーブル書式での表記
|aaaaaaaaaa,|bbbbb,|cccccccccccccc |ddddd,|eeeeeeeeeeee,|fffff
例)ブラウザでの表示
aaaaaaaaaa | bbbbb | cccccccccccccc |
ddddd | eeeeeeeeeeee | fffff |
中央揃え
中央揃えとして設定したいセルの両方の端に「|(バーティカルバー)」を入力します。
例)テーブル書式での表記
|aaaaaaaaaa|,|bbbbb|,|cccccccccccccc| |ddddd|,|eeeeeeeeeeee|,|fffff|
例)ブラウザでの表示
aaaaaaaaaa | bbbbb | cccccccccccccc |
ddddd | eeeeeeeeeeee | fffff |
改行の禁止
改行を禁止したいセルの両方の端に「 [ ] 」を入力します。
例)テーブル書式での表記
[cccccdddddeeeeefffff],aaaaabbbbb ggggg,hhhhh
例)ブラウザでの表示
cccccdddddeeeeefffff | aaaaabbbbb |
ggggg | hhhhh |
セルの結合
水平方向、垂直方向にセルを結合します。v1.5.1からご利用いただけます。
水平方向の結合(colspan)
例)テーブル書式での表記
>2あああ,いいい ううう,えええ,おおお
例)ブラウザでの表示
あああ | いいい | |
ううう | えええ | おおお |
垂直方向の結合(rowspan)
例)テーブル書式での表記
^2あああ,いいい,ううう えええ,おおお
例)ブラウザでの表示
あああ | いいい | ううう |
えええ | おおお |
カテゴリーリスト
a-blog cmsを体験してみよう!
お手元のPC、スマートフォンで a-blog cms製Webサイトをご覧いただけます。
メニューの「ログイン」からエントリーの投稿も!
a-blog cms デモサイト