Cellák összevonása - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

Cellák összevonása

Egymás melletti cellák összevonása

Annak érdekében, hogy táblázatunk áttekinthető legyen:
- Összevonhatunk két vagy több egy sorban egymás mellett elhelyezkedő cellát.
- Összevonhatunk két vagy több egy oszlopban egymás mellett (alatt, felett) elhelyezkedő cellát.

A <td> és <th> elemek összevonásra szolgáló jellemzői:

Név	Érték	Leírás	Böngészők
rowspan	rowspan	Értéke megadja, hogy adott cella hány sor magas lesz. (cellák egyesítése függőlegesen - sorátfogás)
colspan	colspan	Értéke megadja, hogy adott cella hány oszlop széles lesz (cellák egyesítése vízszintesen - oszlopátfogás)

Példa:

Forráskód


<h2>Oszlopátfogás</h2>
<table border="1">
  <caption>A táblázat címe </caption>
  <tr>
       <td colspan="2"> 1. sor két összevont cellája</td>
  </tr><tr>
       <td> 2. sor és 1. oszlop </td>
       <td> 2. sor és 2. oszlop </td>
  </tr>
</table>  			
<h2>Sorátfogás</h2>
<table border="1">
  <caption>A táblázat címe </caption>
  <tr>
       <td rowspan="2"> 1. oszlop két összevont cellája </td>
       <td> 1. sor és 2. oszlop </td>
  </tr><tr>
       <td> 2. sor és 2. oszlop </td>
  </tr>
</table>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_tablazat_cellaosszevonas.html