Hogyan lehet ezt a táblázatot létrehozni HTML parancssorban?

Ezeket nézd át sorban:

[link] /tábla

[link] /sor

[link] /oszlop

[link] / X oszlopnyi cella összevonás

[link] / X sornyi cella összevonás

Színezés meg legegyszerűbben: a TD attribútumaként: style='background-color:green;'

ez egy 8x8-as táblázat, a három nagy cella az 4-es colspan és rowspanos lesz, a három közepes pedig 2-es, a kicsik meg maradnak 1-es alapértéken.

"HTML parancssorban"

Miben?

CSS:

table {

width: 400px;

height: 400px;

text-align: center;

vertical-align: middle;

}

.size1 {

width: 12.5%;

height: 12.5%;

}

.size2 {

width: 25%;

height: 25%;

}

.size3 {

width: 50%;

height: 50%;

}

.highlighted {

background-color: #0f0;

}

---

HTML:

<table border="1">

<tr>

<td class="size3 highlighted" colspan="2">1</td>

<td class="size3" colspan="3">2</td>

</tr>

<tr>

<td class="size3" colspan="2" rowspan="3">1</td>

<td class="size2 highlighted">1</td>

<td class="size2" colspan="2">1</td>

</tr>

<tr>

<td class="size2" rowspan="2">2</td>

<td class="size1 highlighted">2</td>

<td class="size1">2</td>

</tr>

<tr>

<td class="size1">3</td>

<td class="size1">3</td>

</tr>

</table>