Hogyan készítsünk oszlopokat HTML-ben

...

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.