A weboldalakon elhelyezett táblázatokat alkotó HyperText Markup Language (HTML) utasítások meglehetősen sok további paramétert nyújtanak. Ez lehetővé teszi - a többi blokkelemmel ellentétben - a méreteket nemcsak a CSS nyelv (Cascading Style Sheets vagy "Cascading Style Sheets"), hanem maga a HTML használatával is.
Utasítás
1. lépés
A tábla címke width attribútumával adhatja meg a táblázat szélességét pixelben. A tag (HTML utasítás) tábla egy nyitásból (
) részek, amelyek között tagek vannak, amelyek a táblázat sorait és celláit alkotják. További paraméterek (attribútumok) helyezhetők el a nyitó címkében, amelyek listáját az egyes címkékre a nemzetközi szabványok határozzák meg. A tábla címkéhez ezek a szabványok megengedik a width attribútum használatát, amely pixelben határozza meg a táblázat szélességét. Egy ilyen, 500 pixel szélességet meghatározó címkével ellátott egyszerű táblázat HTML-kódja így nézhet ki:
| 1. cella | 2. cella |
2. lépés
Adjon hozzá egy% karaktert a width attribútum értékéhez, ha a táblázat szélességét nem pixelben, hanem százalékban kell megadni:
| 1. cella | 2. cella |
Felhívjuk figyelmét, hogy ezek a százalékok nem feltétlenül a böngészőablak szélességén alapulnak. A dokumentum felépítése itt számít - ahogy egy beágyazott fészkelő baba sem lehet szélesebb, mint az, amelybe be van ágyazva, így a táblázat szélességének 100% -a sem lehet nagyobb, mint a szülő elem szélessége. Például, ha a táblázat egy div blokkban található, akkor ennek a blokknak a szélességét 100% -nak vesszük.
3. lépés
Használja a stílusleírási nyelv utasításait, ha a weboldal tábláinak azonos szélességét szeretné beállítani a forráskód egy helyén. Ehhez először helyezze el a HTML-kód fejrészében (és között) a CSS nyelvi utasításokat korlátozó nyitó és záró címkéket:
/ * A CSS utasításai itt lesznek * /
Ezután tegye a következő CSS-t ezek közé a címkék közé: table {width: 100px;} Itt a táblázat azt jelzi, hogy a göndör zárójelek közé helyezett leírást alkalmazni kell az összes oldalcímkében, amely megjelenik az oldal kódjában. Nos, a width paraméter beállítja a szélességet. Itt is felhasználhatja a relatív szélességet százalékban.
4. lépés
Adja meg az osztály nevét a CSS-kódban és a HTML-tábla címkéjében, ha a szélességet nem az összes táblához, hanem csak egy vagy több táblához kell megadnia. Tegyük fel például, hogy az a osztály, amely keskeny asztalok csoportját jelöli, apró. Ezután a stílusának leírása a következőképpen nézhet ki: table.tiny {width: 100px;} És a HTML kód egyik táblázatának megfelelő címkéje a következő:
| 1. cella | 2. cella |
