1. Kamerák
  2. Autóhifi és elektronika
  3. Otthoni audió
  4. Személyes audió
  5. Televíziók
  6. Okos otthon
  >> Elektronikus Technológia >  >> Okos otthon >> Okos élet

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

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

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 összeraká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.

2. lépés

Hozzon létre egy táblázatot. A táblázatok a

címkével vannak meghatározva. Minden tábla sorokra, minden sor adatcellára osztható. Az adatcellák határozzák meg az oszlopokat. Egy kétoszlopos táblázat a következőhöz hasonlóan van kódolva:

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 szegélynek legalább "1"-nek kell lennie ahhoz, hogy a keret színe megjelenjen.

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 feltétel, 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 webszerverére.


  1. Hogyan készítsünk egy karaoke CD
  2. SWF-fájl készítése
  3. Hogyan készítsünk blogot HTML-ben
  4. Hogyan készítsünk sorokat és oszlopokat a Word dokumentumokban
  5. Hogyan készítsünk termékkatalógust HTML-lel