site map
2009年11月 / 10月≪ 123456789101112131415161718192021222324252627282930≫12月

最近のエントリ


タイトル Ads by Google

--.--.-- (--) / HTML CSS 講座

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
EDIT  |  --:--  |  スポンサー広告  |  Top↑

copyright © ホームページ作成講座 HTML CSS all rights reserved.


タイトル セルの結合

2008.11.28 (Fri) / HTML CSS 講座

th、td 要素において、colspan属性を用いることで複数列(横方向)を結合でき、rowspan属性を用いることで複数行(縦方向)を結合することができます。

参考URL
http://homepagelecture.web.fc2.com/imasara_html/table_colspan.htm

Q1
<table border="1">
<tr>
<td>年号</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>1972年</td>
<td>1973年</td>
<td>1974年</td>
<td>1975年</td>
</tr>
</table>

上記は2行4列のTABLEソースです。
「年号」と記述された「行をすべて」を結合して表示するようにTABLEソースを変更して下さい。

Q2
<table border="1">
<tr>
<td>A</td>
<td>A</td>
<td>B</td>
<td>B</td>
</tr>
<tr>
<td>1972年</td>
<td>1973年</td>
<td>1974年</td>
<td>1975年</td>
</tr>
</table>

上記はQ1と同じく2行4列のTABLEソースです。
「A」、「B」と記述された「行それぞれ」を結合して表示するようにTABLEソースを変更して下さい。

Q3
<table border="1">
<tr>
<td>年号</td>
<td>1972年</td>
</tr>
<tr>
<td></td>
<td>1973年</td>
</tr>
<tr>
<td></td>
<td>1974年</td>
</tr>
<tr>
<td></td>
<td>1975年</td>
</tr>
</table>

上記は4行2列のTABLEソースです。
「年号」と記述された「列をすべて」を結合して表示するようにTABLEソースを変更して下さい。

Q4
<table border="1">
<tr>
<td>A</td>
<td>1972年</td>
</tr>
<tr>
<td>A</td>
<td>1973年</td>
</tr>
<tr>
<td>B</td>
<td>1974年</td>
</tr>
<tr>
<td>B</td>
<td>1975年</td>
</tr>
</table>

上記はQ3と同じく4行2列のTABLEソースです。
「A」、「B」と記述された「列それぞれ」を結合して表示するようにTABLEソースを変更して下さい。

Q5
<table border="1">
<tr>
<td>AA</td>
<td>AA</td>
<td>AA</td>
</tr>
<tr>
<td>DD</td>
<td>EE</td>
<td>EE</td>
</tr>
<tr>
<td>FF</td>
<td>EE</td>
<td>EE</td>
</tr>
</table>

上記は3行3列のTABLEソースです。
「AA」と記述された3セル、「EE」と記述された4セルをそれぞれ結合して下さい。
【答えはこちらをクリック】
EDIT  |  20:04  |  HTML4.01 TABLE  |  Top↑

copyright © ホームページ作成講座 HTML CSS all rights reserved.

 | BLOGTOP |