セルの連結5マス

ブラウザで表示した時の見え方

ABC
D
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample1">
<tr><td rowspan="3">A</td><td>B</td><td rowspan="3">C</td></tr>
<tr><td>D</td></tr>
<tr><td>E</td></tr>
</table>

解説


ブラウザで表示した時の見え方

ABC
D
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample2">
<tr><td>A</td><td rowspan="3">B</td><td rowspan="3">C</td></tr>
<tr><td>D</td></tr>
<tr><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

ABC
D
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample3">
<tr><td rowspan="3">A</td><td rowspan="3">B</td><td>C</td></tr>
<tr><td>D</td></tr>
<tr><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

ABC
DE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample4">
<tr><td>A</td><td rowspan="2">B</td><td>C</td></tr>
<tr><td>D</td><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

ABC
DE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample5">
<tr><td rowspan="2">A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

ABC
DE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample6">
<tr><td>A</td><td>B</td><td rowspan="2">C</td></tr>
<tr><td>D</td><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

AB
CDE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample7">
<tr><td rowspan="2">A</td><td colspan="3">B</td></tr>
<tr><td>C</td><td>D</td><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

ABCD
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample8">
<tr><td rowspan="2">A</td><td>B</td><td>C</td><td>D</td></tr>
<tr><td colspan="3">E</td></tr>
</table>

ブラウザで表示した時の見え方

ABC
DE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample9">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td colspan="2">E</td></tr>
</table>

ブラウザで表示した時の見え方

ABC
DE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample10">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td colspan="2">D</td><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

AB
CDE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample11">
<tr><td>A</td><td colspan="2">B</td></tr>
<tr><td>C</td><td>D</td><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

AB
CDE

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample12">
<tr><td colspan="2">A</td><td>B</td></tr>
<tr><td>C</td><td>D</td><td>E</td></tr>
</table>

ブラウザで表示した時の見え方

AB
CD
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample13">
<tr><td colspan="2">A</td><td rowspan="2">B</td></tr>
<tr><td rowspan="2">C</td><td>D</td></tr>
<tr><td colspan="2">E</td></tr>
</table>

ブラウザで表示した時の見え方

AB
CD
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample14">
<tr><td rowspan="2">A</td><td colspan="2">B</td></tr>
<tr><td>C</td><td rowspan="2">D</td></tr>
<tr><td colspan="2">E</td></tr>
</table>

ブラウザで表示した時の見え方

AB
CD
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample15">
<tr><td rowspan="2">A</td><td colspan="2">B</td></tr>
<tr><td>C</td><td>D</td></tr>
<tr><td colspan="3">E</td></tr>
</table>

ブラウザで表示した時の見え方

AB
CD
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample16">
<tr><td rowspan="3">A</td><td colspan="2">B</td></tr>
<tr><td>C</td><td>D</td></tr>
<tr><td colspan="2">E</td></tr>
</table>

ブラウザで表示した時の見え方

A
BCD
E

ソースサンプル

<table border="1" cellpadding="3" cellspacing="1" summary="sample17">
<tr><td colspan="3">A</td></tr>
<tr><td>B</td><td>C</td><td>D</td></tr>
<tr><td colspan="3">E</td></tr>
</table>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]