Keretek html, beágyazott táblázatok, css, amelyben határon

Ábra. 3.1. A keret kapott paraméter határ

Netscape utánozza a háromdimenziós keret, Opera böngésző általában elhagyja a szín nem változik, és az Internet Explorer teszi egy szilárd váz.

Példa 3.1. A határon

cellpadding = "6" cellspacing = "0" bgcolor = "# E0E0E0">



tartalom

átnyúló paraméter határozza meg a vastagsága a határ bordercolor - a színét, cellpadding állítja be a távolságot a keretet a táblázat tartalmát.

beágyazott táblázatok

Egy másik egyszerű és sokoldalú eljárás egy keret, úgyanazon különböző böngészőkben alapján szuperpozíció a két tábla egymásra. Ha veszünk egy téglalap alakú, például piros papír és a tetején ró újabb téglalap alakú, fehér, egy kicsit kisebb, látjuk a piros kerettel. Csak helyett egy papírlapot a címke, Asztalok és színek vannak meghatározva bgcolor paramétert.

3.2 példa. Használata beágyazott táblázatok

cellpadding = "1" bgcolor = "# FF0000">



width = "300" height = "300">

tartalom

A felső asztal szett szélességét és magasságát a kívánt táblázatot bgcolor paraméter állítja színű keret, cellspacing rendelni nulla, és az ellenőrzések cellpadding határ vastagsága. Minél több ez az érték, annál vastagabb lesz a keret.
Belső tábla szükséges megadni a színe eltér a színe a külső, amely egybeesik a színe a weboldal háttér, a példa, például, meg fehér. Paraméter cellspacing vagy cellpadding (ebben az esetben nem számít, hogy melyiket használja) a távolság a keret határt a tartalmát az asztalra.
A szélessége és magassága a belső táblázat kell egyeznie a szélessége és magassága a külső táblázatban.
Megjegyzés: a szöveg a HTML átvezető automatikusan szóközt. Ha a határ néhány helyen fordul vastagabb, mint a tervezett, távolítsa el a felesleges terek között, a címkék, és ezáltal csökkenti a sorok számát.

Kitöltőszínének táblázatcellát

A háttér színe táblázatcellákat - az egyik az egyetemes és a közös módon lehet létrehozni kereteket. Hozzon létre egy táblázatot (ábra. 3.2), és töltse fel a megfelelő színt szélsőséges sejtek (ábra. 3.3).

A keret vastagsága által meghatározott szélessége és magassága a sejtek. Ügyeljen arra, hogy a belsejében a sejtek a táblázat rugóstag - világos mintás 1 1 pixel (ebben a példában ez az úgynevezett spacer.gif), ellenkező esetben a Netscape böngésző, ez a módszer nem fog működni.

3.3 példa. Létrehozása keret színes árnyékoló táblázatcellák

cellpadding = "0">












magasság = "2">
magasság = "2"> tartalom magasság = "2">
magasság = "2"> magasság = "2">

Ez a példa egy piros keret 2 pixel vastag, úgy néz ki, elegáns. Paraméterek táblázatban cellpadding cellspacing és egyenlővé nullára, úgy, hogy a keret továbbra is a kívánt vastagságban, és hézagmentesen. Ha a hely egy asztal belsejében a szöveget, akkor tartsa be a keret, hogy csúnya, és nehezen olvasható. Hozzáadni eltolások erre a célra létrehozott, további sejteket használjon beágyazott tábla vagy használja a stílusokat.

Megjegyzés: A fenti módszer érzékeny a különböző paramétereket, így abban az esetben hibás teszi a keret, ellenőrizze a következőket:

Dekoratív keretben

Vágás után mintát 8. rész olyan fragmentumokat kapjunk:

Ötödik fragmentum keret nem (5.gif), mert van, hogy cserélje ki a tartalmát. Most hozzon létre egy 3x3 táblázatot, ábrán látható. 3.2 és a helyére sejtek létrehozott rajzokat.

3.4 példa. Hozzon létre egy díszes keretben

















width = "1">
tartalom
width = "1">

Táblaparaméterek határ cellspacing cellpadding és nullának kell lennie, különben a sorok nem dokkol egymással.
Corners ki, mint a normál minták segítségével az IMG tag, de a vízszintes és függőleges vonalak kell beállítani a táblázat cella háttér, beállítás háttérben. Ez lehetővé teszi majd a skálázható keret és a mérete is változhat attól függően, hogy a tartalmat.
Ahhoz, hogy a vonal szűk egymással, és közöttük nem volt rés szükséges megadni a cellák mérete és a mintákat.
A sejtekben, ahol a háttérben elhelyezett vízszintes és függőleges vonalak, szükséges, hogy egy távtartó - vagy egy tér vagy átlátszó GIF formátumú kép mérete 1 x 1 pixel (a példában nevű fájlt spacer.gif). Ez úgy történik, hogy trükk, a Netscape böngésző, amely nem mutatja a cella tartalmát, ha az üres.
A fenti módszer lehetővé teszi, hogy szinte bármilyen keretben.

stílusok használata

Használata keretstílusokhoz lehet alkalmazni, hogy minden blokk-tag, például bekezdés (tag P), és a táblázat DIV tag. Stílusok lehetővé teszik, hogy a keret ennél sokkal egyszerűbb és kényelmesebb, mint a táblázatok, és a különféle kereteket, amelyek ábrán látható. 3.6.

Ábra. 3.6 típusú keret kell állítani a stílusok

Az első két típusú keretek - pontozott és szaggatott támogatott böngészők Netscape és az Internet Explorer csak a régebbi verziók.
A keret beállítása legkönnyebben határ paramétert. amely azonnal jelzi a megjelenését, vastagságát és színét.

Példa 3.6. stílusok használata






Amikor dolgozik a számítástechnika szükséges, hogy üljön le, hogy
kezet alkarját alkotnak derékszög, szeme fektetni
30-40 cm-re a munkafelület a monitor.



A példában egy két határral, a vastagsága, amely áll vonal szélességétől és elhelyezkedésétől. Ahhoz, hogy a keret nem érintkezik a szöveget, francia a keret tartalmát a kitöltés lehetőséget.
Megjegyzés: A böngésző Netscape 4.x nem hozzá egy keretet a táblák, és korlátozza a szélessége a keret és annak tartalmát.

Powered by uCoz