. amely a leggyakrabban használt:
összehangolása - állítja a nyomvonal a szélén a böngésző ablak asztal. Az érvényes értékek:
balra - balra igazított asztal,
központ - a központ és
jobbra - jobbra.
Ha használt bal és jobb, website táblázaton kívüli szövegek kezd kerületi oldalán és alján;
vgcolor - beállítja a háttér színe az asztal;
határ - állítja a határ vastagsága pixelben az asztal körül. A jelenléte a attribútum is megjelenik a határ között a sejtek;
sellpadding - határozza meg a távolságot a határ a cella és annak tartalmát. Ez az attribútum megjelenik egy üres helyet a sejtbe, ezáltal növelve annak méretét. Anélkül, hogy a szöveget a táblázat cellpadding „ragad” a keret, és ezáltal romlik az ő felfogása. Hozzáadjuk a cellpadding javíthatja a szöveg olvashatóságát. Ennek hiányában ez a tulajdonság nincs speciális jelentése határokat, de segíthet, ha szeretné telepíteni egy üres sejt közötti tér;
sellspacing - állítja a távolság a sejtek az asztal (pixel);
szolok - oszlopok attribútum jelzi az oszlopok számát a táblázatban, így a böngésző a felkészültsége a kijelzőn. E nélkül a tulajdonság a táblázat csak akkor látszik, elvégre annak tartalma betöltődik a böngészőbe, és elemezték. Használata oszlopok attribútum lehetővé teszi több felgyorsítja a kijelző a tartalmát az asztalra;
szélesség - meghatározza a szélessége az asztalra. Ha a teljes tartalom szélesebb, mint a megadott szélessége a táblázat, akkor a böngésző megpróbálja „squeeze” a megadott méret rovására szöveg formázását. Abban az esetben, ha ez nem lehetséges, például a táblázatban a kép szélesség attribútum figyelmen kívül hagyja, és az új szélessége a táblázat kerül kiszámításra alapján ezek tartalmát;
magasság - a magassága az asztalra. Néha böngészők magassága a táblázat által megadott magasság tulajdonság. figyelmen kívül hagyni.
Esettanulmány:
Címkék használatával tervezés asztal, hozzon létre egy dokumentumot - asztal Európa (1 oszlop - a nevét az ország, 2 - a főváros, 3 - grafikák a téma, válasszon egy témát (a földrajzi térkép, térkép - a népsűrűség, a zászló, a zászló + embléma, fotó elnöki + uralkodó fotó, bankjegyek), 4 oszlop - adatokat, az (ország területén, a népesség, a GDP + a táblázat előtt minden témában - a bruttó nemzeti termék, a kormányzati forma, államfő + uralkodó, az államnyelvet + nemzeti valuta)). A fejléc és az oldal háttér történik Photoshop, stílusok használatával.
Feltérképezésére határait a táblázat megfelel két paramétert:
váz - állítja a határ típusáról az asztal körül, és a következő értékeket:
void - nincs határ;
fölött - csak a felső keret;
alább - csak az alsó keret;
hsides - csak a felső és az alsó keretek;
vsides - csak a bal és jobb oldali keretben;
LHS - csak a bal oldali keret;
RHS - csak a jobb oldali keretben;
box - mind a négy keretet.
szabályok - meghatározza azokat a belső határok az asztal, és tegye meg a következő értékeket:
none - nincs határok között sejtek;
csoportok - csak a határ között a sorok és oszlopok csoportok csoportok (később tárgyaljuk);
sorok - a határok sorok között csak;
oszlopai - a határ bármely oszlop csak;
Az összes - megjeleníti az összes határokat.
paraméterek tag ,
Beszéljünk paramétereket és táblázatcellákhoz.
attribútumok tag |
.
igazítsa - Meghatározza az összehangolás a tartalmát sejtek vízszintesen, lehetnek: a bal (jobb), jobb (bal), a központ (központ);
bgcolor - a háttér színét a sejtvonal;
bordercolor - Színes vonal keret;
char - Align cella tartalmát viszonyítva az adott karakter;
charoff - Offset cella tartalma a nevezett karakter;
valign - Alignment cellatartalom függőlegesen, értékeket vehet fel (felső), alsó (fenék), a középső (középen).
röv - rövid leírása A cella tartalmát;
igazítsa - Meghatározza a nyomvonal a cella tartalmát vízszintesen;
háttér - Meghatározza a háttérképet a cellában;
bgcolor - a háttérszín a cella;
bordercolor - Keret színe;
- magasság a sejt;
nowrap - Megakadályozza csomagolásban. Hozzátéve nowrap attribútumot az címkéhez
teszi a szöveget a sejt belsejében megjelenik tagolás nélkül, egy folyamatos vonal. Ebben az esetben egy asztal lehet túl széles, és nem fér el teljesen a weboldalon. Ennek következtében egy vízszintes görgetősáv jelenik meg, ami miatt a használat attribútum nowrap elítélte;
valign - Align tartalmát függőlegesen sejt;
szélesség - a szélessége a sejt;
colspan - Egyesíti a horizontális sejtek;
rowspan - Egyesíti függőleges cellában.
Cellaegyesítéskor
Tekintsük a létrehozása bonyolult szerkezete táblázatok a példa a web-oldal elrendezését.
Például, szükségünk van egy website design:
Ha rónak a táblázat alapján, azt látjuk, hogy három sort és két oszlopot rögzített szélességű:
Kiderült, hogy szükségünk van az első és a harmadik vonal volt az egyik oszlop. Ezt úgy érjük el, amelyben a tag colspan | . Ez a paraméter jelzi a böngésző, hogy egyesítsen oszlopokat egy. A paraméter értéke egy szám, amely azt jelzi, hogy hány oszlopot fog erősödni.
A mi példánkban, az első sor a táblázat (HAT) áll egyetlen sejt 2 egyesítjük az oszlopról, a második sorban - a hagyományos két sejt (menü és tartalom), a harmadik - ugyanaz, mint az első (alsó oldalon):
|
| HAT |
| MENU | TARTALOM |
| az alján a helyszínen |
Esettanulmány:
alkalmazásával regisztrációs címkék, a méret a táblázat, és egyesíteni sejtek létrehozása HTML-dokumentumok - site design drótvázakat:
a fenti példában; használja a szín beállításokat:
- #feeccd - szöveg színe „sapkát” és „le site”;
- # E6ce9b - háttérszíne "MENU" és a "tartalom";
- # 6c1c18 - háttérszín „sapkát” és „le site”, és a szöveg „MENU” és a „tartalom”;
használja a szín beállításokat:
- #feeccd - a szöveg színt „hírek”;
- # E5881a - szöveg színe "sapkát";
- # E6ce9b - háttérszíne "MENU" és a "tartalom";
- # 061e3b - a szöveg színét „MENU” és a „tartalom”;
- # 0d2b6d - háttérszín „sapkát” és a „hírek”;
Most megpróbál létrehozni egy elrendezést:
Ró vizuális rács, három sort és két oszlopot. De az első oszlop első sorában tartalmaz három sorban.
Rowspan lehetőség tag
Azt mondja a böngésző, hogy egyesítsen sor egyetlen sejt. A paraméter értéke egy szám jelzi, hogy hány sort fog erősödni.
A mi példánkban: | (Ez a cella lesz „ragasztott” a 3 sor (címoldalára)).
Jegyezzük meg, a második és a harmadik sorban csak egy cellában | (Az egyik oszlop), mivel első oszlop „húzódik” az első sorban, csak három sor.
Esettanulmány:
alkalmazásával regisztrációs címkék, a méret a táblázat, és egyesíteni sejtek létrehozása HTML-dokumentumok - site design drótvázakat:
a fenti példában; használja a szín beállításokat:
- #feeccd - a szöveg színt „hírek”;
- # E6ce9b - a háttér színét a „Tartalom”;
- # 7b2de6 - háttérszín "sapkát";
- # C9acf1 - a háttér színét a „Menu”;
- # 260553 - háttérszíne „hírek”;
használja a szín beállításokat:
- # Bedea5 - a háttér színét a „Tartalom”;
- # 102202 - háttérszíne „sapkát” és „le site”;
- # C0bd67 - háttérszíne „MENU”, a szöveg „sapkát” és „le site”;
|