WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Egyszerű táblázat



Táblázat (table)


A HTML táblázat tartalmaz oszlopokat, sorokat és persze adatokat. Tartalmazhat fejlécet, láblécet és megadhatjuk címét is.
  1. A HTML táblázat egy sora azonos magasságú cellákat tartalmaz.
  2. A HTML táblázat minden sora azonos számú cellát tartalmaz.
  3. A HTML táblázat egy oszlopa azonos szélességű cellákat tartalmaz.
  4. A HTML táblázat minden oszlopa azonos számú cellát tartalmaz.
  5. Egy HTML táblázat során ill. egy oszlopán belül a cellák száma, a cellák egyesítésével csökkenthető.
A következő 3 címke valamennyi HTML táblázatnál megtalálható:
Név Angol eredete Hatás Jellemzők
<table> table Táblázat páros címke. . Általános ; Események
<tr> table row Táblázat egy sora páros címke. Általános ; Események
<td> table data A táblázat cellájában lévő adat páros címke. Általános ; Események
A következő böngészők támogatják: Chrome logó Firefox logó Safari logó Opera logó IE logó

Példa:

Forráskód



<h2>Egyszerű táblázat kerettel</h2>
<table border="1">
  <tr>
    <td> 1. sor és 1. oszlop </td>
    <td> 1. sor és 2. oszlop </td>
  </tr>
  <tr>
    <td> 2. sor és 1. oszlop </td>
    <td> 2. sor és 2. oszlop </td>
  </tr>
</table>  
			
<h2>Egyszerű táblázat keret nélkül</h2>
<table border="">
  <tr>
    <td> 1. sor és 1. oszlop </td>
    <td> 1. sor és 2. oszlop </td>
  </tr>
  <tr>
    <td> 2. sor és 1. oszlop </td>
    <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.html