縦と横の連結の応用編 |
a |
b |
c |
d |
1 |
e |
f |
g |
2 |
3 |
4 |
5 |
6 |
A |
B |
C |
D |
E |
F |
G |
H |
I |
|
上の表のHTMLタグ |
<table border>
<tr>
<td rowspan="4">a</td><td>b</td><td>c</td><td>d</td>
<td colspan="5">1</td>
</tr>
<tr>
<td>e</td><td>f</td><td>g</td>
<td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<td colspan="8">A</td>
</tr>
<td>B</td><td>C</td><td>D</td><td>E</td>
<td>F</td><td>G</td><td>H</td><td>I</td>
</tr>
</table> |
表は9列4行の表を使用
一列目aの縦の行数を4行に指定したのでbeABと連結
次に5列1行目の1の横の列数5に指定したので5列2行目の23456と連結
最後に2列3行目Aの横の列数を8に指定したのでBCDEFGHIと連結
この表は上で紹介した例の3つの表を組み合わせただけの単純なものですが他のページで紹介している<Table>タグを組み合わせるともっと複雑な表が作れるので挑戦してみて下さい!
HTMLタグ練習ページで連結する位置を確かめながら作成するとテンプレートなどが作れます!
|