June 5, 2026

HTML gyorstalpaló 5. rész

Ha “rendet akarunk teremteni” a képernyőn, akkor igen korlátozottak a lehetőségeink, hiszen nem tudhatjuk ki milyen képernyőfelbontással, milyen web-böngészővel, mekkora ablakot használva tekinti meg munkánkat. A táblázatok használata igen hatékony lehetőséget jelent. Táblázat készítéséhez a

parancsot kell kiadni a sorokat a jelek közé kell helyeznünk (tr=table row=tábla sor), a cellákat a (td=table data=tábla adat) szimbólumoknak kell határolniuk. Az alábbi példa egy 2×3-as táblázatot állít elő:












I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem

Melynek az eredményeként egy egyszerű táblázatot kapunk:

I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem

A rend kétségtelen, de jó volna a cellákat vonallal elválasztani. Ezt a border (határ) paraméter megváltoztatásával tehetjük meg. Ez alaphelyzetben 0.












I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem

Melynek mindjárt látható lesz az eredménye:

I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem

Kicsit szorosan vannak az adatok, ezen a cellpading (cellabélelés) paraméter megváltoztatása segít, ami a cellahatár es az adatok távolságát mutatja meg. Ez alaphelyzetben 0-2 között lehet.












I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem

Melynek az alábbi táblázat lesz az eredménye:

I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem

A cellspacing paraméter a cellák távolságát jelöli. Ez alaphelyzetben 0-1 között lehet.












I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem

Melynek az eredménye egy sokkal szellősebb táblázat:

I. sor 1. elem I. sor 2. elem I. sor 3. elem
II. sor 1. elem II. sor 2. elem II. sor 3. elem