Egy HTML-tábla információkat tartalmaz egy webhelyen.
Ha oszlopokat ad hozzá a webhelyhez, az hasznos a tartalom rendszerezésében. Valójában nincs korlátozva, hogy a weboldal hány oszlopot tartalmazhat. Az oszlopok kódolásához azonban egy másik HTML-címke ismerete szükséges: a táblázat. A két címke összekapcsolása végtelen lehetőségeket kínál egy tiszta, jó megjelenésű webhelyhez.
1. lépés
Indítsa el a HTML-szerkesztőt. Válassza a "Fájl" és az "Új" lehetőséget a program navigációs sávjában. Egy üres dokumentum jelenik meg a képernyőn.
A nap videója
2. lépés
Hozzon létre egy táblázatot. A táblázatokat a
címke. Minden tábla sorokra, minden sor adatcellára osztható. Az adatcellák határozzák meg az oszlopokat. Egy kétoszlopos táblázat ehhez hasonlóan kódolt:1. oszlop | 2. oszlop |
3. lépés
Állítsa be a táblázat szegély tulajdonságait. Ha azt szeretné, hogy az oszlopok szegéllyel rendelkezzenek, helyezze el a border="1" címkét a táblázat címkéjébe. Módosítsa a keret színét egy HEX színkóddal a bordercolor="#000000" címkével. #000000 fekete. A keret színének megjelenítéséhez legalább „1”-nek kell lennie a szegélynek.
Példa:
1. oszlop | 2. oszlop |
4. lépés
Adjon hozzá cellatömítést vagy cellatávolságot. A cellatömítés a szegély és a cellatartalom közötti fehér szóköz mennyisége. A cellatávolság a sejtek közötti távolság. Ezeket a címkéket a rendszer a táblázatcímkén belül alkalmazza. Nem követelmény, hogy a cellatömítés vagy cellatávolság aktív legyen.
Példa:
1. oszlop | 2. oszlop |
5. lépés
Adjon hozzá tartalmat oszlopaihoz. Szöveg, képek, űrlapok és egyebek beleférhetnek a táblázat adatcímkéibe.
6. lépés
Mentse el a HTML-dokumentumot. Tekintse meg az előnézetet az internetböngészőben, mielőtt feltölti a webszerverre.