* počítačové znalosti >> Programovanie >> Počítač Programovacie jazyky >> .

Vnorené tabuľky HTML Tutorial

HTML je základným jazykom vývoj webových stránok , používa systém vopred definovaných značiek uzavretý v rámci " < " a " > " symboly . Každý riadok kódu má otvorenú značku a uzavretý tag : < /tag > . Informácie , ktoré chcete zobraziť na stránke sa nachádza medzi týmito otvorených aj uzavretých tagy . Jednou z pokročilých funkcií programovacieho jazyka HTML je tabuľka , je uzavretý v tabuľke tag súboru : < /table > . Vytvorenie tabuľky v HTML

Použitie otvorení a zatvorení tagy tabuľky môžete vytvoriť jednoduchú štruktúru tabuľky , môžete použiť mnoho ďalších dostupných značiek v rodine značiek , ktoré sa používajú priamo vo Vašom tabuľke HTML vytvoriť niečo veľmi zložitý . Prvky štýlu definovať veľkosť , umiestnenie , hraníc a ďalšie atribúty tabuľky . Informácie štýl bude pridaný iba do otvoreného tagu, ako napríklad pridať 1 pixel hranicu sa k stolu , mali by ste použiť tento tag sadu :

< /table > < . br >

tabuľka značka sama o sebe neprodukuje bunky pre zobrazenie, hoci. Aby bolo možné produkovať bunky , budete musieť pridať tag nastaviť medzi otvorenými a uzavretými tagy tabuľky . Sady značiek používaných pre vytváranie riadkov a stĺpcov sú

< /tr > a

< /td > tagy , " tr " tag je pre vytvorenie riadku a " td " tag je pre vytvorenie stĺpca . Môžete tiež použiť " th " značku na mieste " td " tag vytvoriť záhlavie tabuľky ; tento automaticky štýly obsahu bunky odlíšiť ju ako hlavičky

pravidlá pre programovanie tabuľku . uvádza , že je nutné priložiť " TD " značky v rámci " tr " značiek v rámci " tabuľky " značiek . Jedna bunka jednoduchá tabuľka s 1 - pixel hranicu okolo neho bude vyzerať takto :

< /tr > značky , a vytvoriť viac riadkov by ste pridať viac < /tr > tagy rámci

Riadok 1 , stĺpec 1 < /td > < /tr > < /table > . Ak chcete vytvoriť viac stĺpcov , ktoré by jednoducho umiestniť viac

< /td > tagy rámci

< /table > tagy .
Hniezdenie HTML tabuľky

Hniezdenie tabuľky jednoducho znamená , že umiestni tabuľku do bunky inej tabuľky . Nová tabuľka by byť umiestnený medzi

< /td > tagy nadradenej tabuľky . Jedna bunka jednoduchá tabuľka s 1 - pixel hranice a nastaviť v tabuľke dvoch buniek s 1 - pixel hranicu a bude vyzerať takto :

Row 1 , stĺpec 1 < /td >

Riadok 1 , stĺpec 2 - vnorené tabuľky < /td > < /tr > < /table > < /td > < /tr > < /table > . Vnorené tabuľky v tomto príklade sa nachádza v prvej rade a druhom stĺpci , môžete pridať ďalšie " tr " a " TD " tagy vnorené tabuľky , pridať ďalšie " tr " a " TD " značky na nadradenej tabuľky , alebo pridať aj ďalšie vnorené tabuľky v bunkách nadradenej tabuľky alebo vnorené tabuľky vytvoriť zložitejšiu štruktúru .
Tipy pre hniezdenie tabuľky

, keď ste začať robiť tabuľky a hniezdenia je vytvárať zložitejšie štruktúry, to môže byť docela mätúce . Je to dobrý nápad , nakresliť schému tabuliek , než začnete , takže môžete na neho odkazujú , a robiť si poznámky , ako budete pracovať . Pri vytváraní kódu , každý nový tag súprava by mala mať svoju vlastnú líniu , dať pevný doraz ( enter ) po každom uzavretom značku a potom pridať karty do odsadiť každý tag set . Tento typ štruktúry bude vaša tabuľky ľahšie čítať

môžete tiež komentovať na tratiach vo vašom programovania pomocou špeciálneho komentár tag sadu , použite " < - " otvoriť poznámku a " - . - > " zatvorte ho . V komentári môžu byť umiestnené kdekoľvek v HTML kódovanie , a to je dobrý spôsob, ako pridať poznámky , aby ste si pripomenuli , čo ste kódované .

Tvorba vaše vnorené zdola je tiež dobrý spôsob , ako sa vyhnúť zmätku . Budete chcieť začať s vašou najhlbšie nastavenej tabuľky ( viď diagram ste vytvorili ) a potom vložte ho do nadradenej tabuľke a pokračovať v práci von týmto spôsobom . Uložte prácu často a načítanie stránky v prehliadači , aby sa ubezpečil , štruktúra sa ukazuje , ako si predstavujete .

Vnorené tabuľky HTML Tutorial

Odporúčané články

Najnovšie články

Počítač Programovacie jazyky

Programovanie