網上葉の書き方
その九 表の作りかた 壹
東川吉嗣
ここでは、網上葉に縱横に幾つかずつの小間を並べた「表」を表現するしかたについて述べる。
網上葉で、左右に何小間かの區畫を、上下にも何小間かの區畫をそれぞれ配置した表現を「表」といふてゐる。この表現方式で表示したい部分は「<table>」と「</table>」で挾む。
「
<table>
（表で表現すべき内容）
</table>
」
この表の中で、左右の一列の小間の列びを指示するには、その列に入れるべき文字群を、「<tr>」と「</tr>」で挾む。
「
<table>
<tr>（第一列目に入れたい文字群）</tr>
（第一列目以降で表現すべき内容）
</table>
」
同樣にして、第二行以降の列も順次指示できる。
「
<table>
<tr>（第一列目に入れたい文字群）</tr>
<tr>（第二列目に入れたい文字群）</tr>
<tr>（第三列目に入れたい文字群）</tr>
</table>
」
おのおのの列の中の小間の數だけ、「<td></td>」の組を作り、それぞれの小間へ入れるべき文字群を配賦して、小間ごとに、「<td>」と「</td>」の間に入れて、全體をその列の、「<tr>」と「</tr>」の間へ入れる。
例へば、第一列目に三つの小間を設けて、第一番目の小間には「第一列目に」といふ文字群を、第二番目には「入れたい」といふ文字群を、第三番目には「文字群」といふ文字群を入れるならば、第一列目は次のやうにする。
「
<table>
<tr><td>第一列目に</td><td>入れたい</td><td>文字群</td></tr>
</table>
」
同樣に、文字數を適宜、變へて第二、第三列も作ると、次のやうになる。
「
<table>
<tr><td>第一列目に</td><td>入れたい</td><td>文字群</td></tr>
<tr><td>二番目の列に</td><td>示して見たい</td><td>文字の群</td></tr>
<tr><td>三つ目の横の並びに</td><td>並べたい</td><td>もの</td></tr>
</table>
」
このやうに指示した物は、次のやうに表現される。
「
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
」
これでは、見にくいので、小間と小間の間に罫線を入れて見易くするには、「<table>」の「<table」の後ろに半角の空白を置いて、「border」と書く。これが、表の罫線の指示である。前の例に、「<table border>」と指示すると、次のやうに表示される。
「
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
」
このやうにして、表現した表は、左右幅が百パーセントに満たないときはそのまま表示されるが、左右幅が狹いと、適宜、小間の中で、文字群は改行されて表現される。
上の例の罫線は無色であるが、この罫線に色を着けるには、「<table border>」に加へて「bordercolor=#nnnnnn」で指定する。例へば、上の例の罫線を「00ff00」の色の罫線にするには、「<table border bordercolor=#00ff00>」とする。その結果は次のやうになる。
「
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
」
罫線の太さを變へることができる。罫線の太さを變へるには、「<table border>」のところで、「<table border=n>」とする。「n」は、1、2、3、などの整數で、「1」は、太さを指定しない場合と同じ表現になる。次に、前の例で、「n」が、1、2、3、8、13、の場合を示す。
「
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
| 第一列目に | 入れたい | 文字群 |
| 二番目の列に | 示して見たい | 文字の群 |
| 三つ目の横の並びに | 並べたい | もの |
」
目次へ その八へ その拾へ 資料 色、數値、名前の對照表へ
この網上葉の履歴
○平成二十九年四月十六日、電子飛脚の宛先番地の訂正。
○平成二十二年四月二十四日、電子飛脚の宛先番地の訂正。
○平成十五年十一月二十日、掲載開始。
制作者 東川吉嗣 平成十五年、乃至二十九年
CopyRight © 2003 - 2017 Higasikawa Yositugu
