Táblázat html

5. előadás - Asztalok HTML

Ebben a fejezetben az elvek alkalmazása táblázatok HTML-jelölést részletesen figyelembe venni. Ezt táblázatos szervezet a szöveget, és táblázatos rács, és a szervezett a menetrend tábla.

Eszközei leíró táblázatok HTML

Mivel a WWW világossá vált, hogy az alapok, amelyek be vannak építve NTML nem elég a kiváló minőségű kijelző különböző típusú dokumentumokat. NTML hátránya volt, hogy nem annak összetétele kijelző táblák. Erre a célra általánosan használt predformatirovanny szöveget (tag

), Amelyben a táblázat ismerteti a szimbólumokat ASSII. De ez a forma bemutatása táblázatok nem volt elég jó minőségű, és elvonják a teljes stílusa a dokumentumot. Bevezetése után a táblákat a HTML Web-mesterek megjelentek nem csak egy eszköz az elhelyezését szöveges és numerikus adatokat, mint egy erős tervezési eszköz elhelyezése a megfelelő helyre a képernyőn grafikus képeket és szöveget.

Táblázatok létrehozása HTML-ben
A leírás, a táblák címke által használt <ТАВLЕ>. címke <ТАВLЕ>, mint sokan mások, automatikusan lefordítja a vonal előtt és után az asztalra.
Készítsen egy sort a táblázatban - tag <ТR>
címke <ТR> (Táblázat sor, szöveg tábla) létrehoz egy sort a táblázatban. Mind a szöveg, a másik a címkék és attribútumok, hogy el kívánja helyezni egy sorban, el kell helyezni a címkék között lt; TR>.
Meghatározása sejtek a táblázatban - tag <ТD>
Bent a táblázat sorai általában helyezni sejtek adatokat. Minden sejt, amely tartalmazza a szöveg vagy kép kell körülvenni címkék <ТD>. A címkék száma <ТD> a vonal határozza meg a sejtek száma

Táblázatok segítségével a tervezés

A oszlopfejlécével táblázat - tag <ТН>
A fejezetek az oszlopok és a táblázat sorai vannak beállítva a fejléc tag <ТН> (Táblázat Neader, táblázat fejléc). Ezek a címkék hasonlóak <ТD>. A különbség az, hogy a címkék közötti szöveget <ТН>, automatikusan félkövér található és alapértelmezés szerint a középső cella. Központosítás törölheti, és igazítsa a szöveget a jobb vagy bal szélén. Ha <ТD> Tagged with <В> és attribútum <АLIGN=center>, szöveg is megjelenik, mint a cím. Azonban meg kell jegyezni, hogy nem minden böngésző támogatja asztalok félkövér, ezért a legjobb, ha táblázat fejlécét <ТН>.
A fejléc az asztal - tag <САРТIОN>
címke  hozhat létre a táblázat fejezetek. Alapértelmezésben címeket középre helyezzük bármelyik fenti (<САРТION АLIGN=top>), Vagy az asztal alatt (<САРТION ALIGN=bottom>). A cím állhat bármilyen szöveget és képeket. A szöveget bontható sorban megfelelő a táblázat szélességével. néha címkézni <САРТION> Régen aláírja a szám. Ez elég leírni egy asztal határok nélkül.
attribútum nowrap
Általában minden olyan szöveg, amely nem fér bele egy asztal sejtvonal mozgatja a következő sorra. Azonban, ha egy jelölt attribútum nowrap <ТН> vagy <ТD> hossza a sejtek kitágul, így a szöveget tartalmazott ráfér egy sorban.
attribútum SOLSPAN
címkék <ТD> és <ТН> által módosított attribútum SOLSPAN (oszlop Span, oszlopok vegyület). Ha azt szeretnénk, hogy győződjön meg valamilyen cella szélesebb, mint a felső vagy az alsó, akkor az attribútum SOLSPAN nyúlik át bármennyi normál sejtek.
attribútum rowspan
Képesség rowspan, használt címkék <ТD> és <ТН>, = SOLSPAN hasonló tulajdonság, ha beállítja a sorok számát, melyek a sejt meghosszabbodik. Ha megadja az attribútum RowSpan = s egynél nagyobb szám, akkor a megfelelő sorok száma alatt kell lennie egy nyújtható cellában. Nem lehet helyezni a táblázat alján.
attribútum WIDTN
Alkalmazás Az üres cellák
attribútum SELLRADDING
Ez az attribútum határozza meg a szélességét az üres tér között a cella tartalmát és annak határait, azaz szerepel egy mező a sejten belül.
ALIGN attribútum és VALIGN
címkék <ТR>, <ТD> és <ТН> Lehet módosítható ALIGN VALIGN és attribútumok. ALIGN attribútum meghatározza az összehangolás szöveg és grafika vízszintesen, azaz a bal vagy jobb szélén, vagy a közepén. Vízszintes igazítás lehet meghatározni többféleképpen:
ALIGN = bleedleft kitolja a cella tartalmát a bal szélén.
ALIGN = bal igazítja a tartalmát a bal széle a sejt tekintve behúzás SELLPADDING előre meghatározott attribútum.
ALIGN = Senter rendelkezik a cella tartalmát.
ALIGN = jobb beigazítja a tartalmát a jobb széle a sejt tekintve behúzás SELLPADDING előre meghatározott attribútum.
Képesség VALIGN végzi összehangolása a szöveg és grafika függőleges cellában. Függőleges igazítás lehet meghatározni többféleképpen:
VALIGN = top igazítja a tartalmát a felső határ a cella.
VALIGN = közepén függőlegesen központosítja a cella tartalmát.
VALIGN = alsó igazítja a tartalmát az alsó határ a cella.
attribútum BORDER
a címke <ТАВLЕ> gyakran nevezik a keret jelenik meg, azaz a vonal a sejteket körülvevő és az asztal maga a táblázat. Ha nem adja meg a keret, akkor kap egy asztalt egy sort, de a tér lesz félre őket. Ugyanez az eredmény érhető el azáltal, <ТАВLЕ ВОRDER=0>. Néha azt szeretné, hogy a határ vastagabb, úgyhogy jobb, ha látszanak. Lehetséges, hogy felhívják a figyelmet a kép vagy a szövege kizárólag zsíros határon. Amikor létrehoz beágyazott táblázatok kell tennie a különböző tábla határainak különböző vastagságú, hogy könnyebb legyen megkülönböztetni.
attribútum cellspacing
SELLSPACING attribútum meghatározza a szélessége a terek a sejtek közötti pixel. Ha ez a tulajdonság nincs megadva, az alapértelmezett érték egyenlő két pixel. Az attribútum SELLSPACING = leadhatja szöveg és grafika, ahol szükség van. Ha azt szeretnénk, hogy elhagyja egy üres hely, akkor adja meg a cellában különbség.
BGCOLOR attribútum
Ez az attribútum lehetővé teszi, hogy a háttér színét. Attól függően, hogy egy címke (table, tr TD) azt alkalmazzák, a háttér színét lehet állítani az egész asztal egy sorban vagy egyetlen sejt. Az érték az attribútum egy RGB-kódot vagy alapszín nevét.
attribútum HÁTTÉR
Ez az attribútum határozza meg a háttérképet az asztalon. Vonatkozik címkék TABLE, és a TD. Az értéke az a fájl URL a háttérképet. Az ezzel a tulajdonság határozza meg az alábbiakban.
Táblázatok segítségével tervezni az oldalt
Asztalok is jó, hogy tudod, hogy azok a láthatatlan határt, ha szükséges. Ez lehetővé teszi, hogy a címke <ТАВLЕ> szép hely szöveget és grafikát az oldalon. Míg tag <ТАВLЕ> Ez maradt az egyetlen hatékony eszköz a formázást a HTML. Web-oldalak tervezők ma majdnem ugyanolyan szabadságot a használata „white space”, hogy az alkotók a kinyomtatott lapokat. Táblázatok a legjobban segíteni mozdulni a hierarchikus elhelyezését szöveg web-oldalak.
Ha a böngésző támogatja a táblázatok, általában helyesen jeleníti meg a legérdekesebb hatás érhető el a segítségükkel

Táblázatok segítségével a tervezés

Létrehozása sokszínű asztal
Néhány böngésző lehetővé teszi, hogy megjelenítéséhez színe. Számos módja van, hogy festeni az asztalra, hogy elsősorban függ a használt böngészőt.
Színes határok Netscape Navigator. Nem lehet csak körül az asztal gyönyörű keretet, hanem kérni kell egy eltérő színű a szöveg színét és a háttér. Hozzon létre egy egyszerű szürke GIF (vagy bármely GIF, amit szeretne, hogy a háttérben), és határozza meg a címkét <ВODY> az oldal háttere. Ezután állítsa be a háttér színét. Ennek eredményeként, a címke <ВОDY> Ez a következőképpen néz ki:
Létrehozott egy kettős alapon - GIF és a megadott színt. Ennek eredményeként, a háttér színe látható lesz minden határát táblázatok és vízszintes vonalak (<НR>). Függetlenül attól, hogy a háttér szürke GIF-e vagy sem, színes vonalak és asztali határok jelentősen kiemelkedik. Ha a háttérben GIF van elhelyezve, nem túl nehéz, az oldalak betöltési ideje csak kismértékben növekszik.