Annak szükségessége, hogy az asztalt a böngészőablak teljes területére kell nyújtani, például akkor, amikor az oldaltervet az asztal belsejébe helyezzük. A probléma megoldásához nincs szükség bonyolult kód írására, de figyelembe kell vennie a weboldalak jelölésének néhány jellemzőjét.
Szükséges
HTML alapismeretek
Utasítás
1. lépés
Először tisztáznia kell a közelgő művelet jelentését. A HTML-kódban a táblázat oldalai egymásba ágyazott párosított címkék (egy nyitó és egy záró). Cellacímkék (
) be vannak ágyazva a string tagekbe (
), és ezek pedig táblázatcímkékké (
). A táblázat nyitó címkéjében beállíthatja szélességét és magasságát abszolút egységekben (pixelben) és relatívban (százalékban). Relatív méretek esetén a táblázat szülőelemének szélességét és magasságát 100% -nak vesszük. Ha egy táblázatot közvetlenül az oldal törzsébe helyez el (és nem egy rétegben, formában, más táblában stb.), Akkor a szülőelem mérete az oldal szélessége és magassága lesz. Ez azt jelenti, hogy az asztal teljes szabad területig való nyújtásához 100% -os vízszintes és függőleges méreteket kell megadnia hozzá.
2. lépés
Most elkezdheti ezt a gyakorlatban a HTML-ben megvalósítani. A táblázat szélességét és magasságát a szélesség és magasság attribútumok határozzák meg. Tehát az a táblázatkód, amely a méretek 100% -át jelzi minden irányban, és például két cellával egy sorban, így nézhet ki:
az asztal bal cellája | az asztal jobb cellája |
3. lépés
A 100% -os szélesség és magasság megadása elegendő lesz a táblázat kinyújtásához, ha a megfelelő HTML-szabványt választja, amely alapján a böngészőnek el kell olvasnia az oldal kódját. A címke a dokumentum legelső sorára kerül. Szüksége van egy címkére a következő tartalommal:
4. lépés
És még egy pontot kell figyelembe venni a kódban: alapértelmezés szerint az oldalt az ablak szélétől néhány pixel behúzza, így a táblázat, még az egész oldal kitöltése után sem fog az egész ablakig húzódni. Ezeknek a felesleges mezőknek a kiküszöbölése érdekében nulla behúzást adhat meg az oldal törzs () nyitó címkéjének megfelelő attribútumaiban:
5. lépés
Összeszereléskor a teljes oldalkód egy táblával a képernyő teljes szélességére és magasságára kinyújtva így fog kinézni:
Nyújtott asztal
az asztal bal cellája | az asztal jobb cellája |