Táblázatok a web-oldal

A bemutatott információk ezt a cikket középpontjában elsősorban a kezdők számára web-mester.

előszó

De mégis, én nem akarom, hogy részben az én teremtés, és törli az oldalakat, ez egy sajnálatos elvégre dolgozott a teremtés és javasoljuk, hogy legalább úgy néz ki mint asztalok elrendezése a közelmúltban. Tanulmány ezt az anyagot. Biztos vagyok benne, hogy hasznos lesz, hiszen együtt a már elavult módszerek építési táblák, itt meg fogja találni sok modern módszereket, hogy minden esetben tartalmazzák az ebben a cikkben. Menjünk.

A táblázatok használata, azok típusát és kódját

Táblázat - egy népszerű eszköz a design web-oldalakat. Az egyik módszer a használatuk a helyszínen használják keretet az egész oldalon:

Lesz egy „sapkát weboldal” logó és a webhely nevét. A szélesség pontban megadott vagy százalékban. Szélessége 100% helyszíni veszi az összes rendelkezésre álló helyet a böngészőben. A magassága 50-150 pont, vagy 5-15%, vagy az Ön kényelmét.

Navigációs területen a szakaszok az oldalon. Szélessége pont 120-200 vagy 12-20%.

Fő tartalom - az oldal tartalmának. Tart az összes maradék helyet.

Terület ismétlődő eligazodást. A magassága 40-50 pont vagy 4-5%.

Úgy gondolom, hogy egy ilyen táblázat egyszerű, és épít magának, de csak abban a „tűz” egy példát html-kód:

Ez a rendszer nem kötelező. Vannak sok más lehetőség.

Következő, szeretnék bemutatni, hogy lehetséges alkalmazások különböző táblák, és ennek megfelelően a html-kódokat.

Táblázat szaggatott vonal

Példa kiküldetés tartalom

Html kód táblázat így néz ki:

Figyelem! Fontos információk!

És itt van a modern felfogás az építőiparban az asztalnál egy frame-pontozott vonal. Ez használ a paraméter értéke szaggatott határon.

Csak írj a táblázat kód azonosítóval, pl demo3 -

, CSS és egy asztal írásban stílusok a fejrész a honlapon vagy a fájl stílusok:

demo3
határon. 2px szaggatott # 000000; / * 2px határ, pontozott fekete * /
margin: 0 auto; / * Középre * /
szélesség: 600px; / * A px vagy% * /
overflow: auto; / * A táblázat növelhető a növekedés a tartalom, hanem hagyta, hogy menjen túl * /
>

Ha azt szeretnénk, hogy egy frame pont - írása helyett értékének szaggatott pontozott. Ezen kívül mind a keret, lehet változtatni a színét. A példában látható fekete - # 000000.

Táblázat lekerekített sarkokkal

Példa kiküldetés tartalom

táblázat kód:

Minden, mintha csak és jó, de van egy kis „zamorochka”. Láthatjuk a kódot képfájlokat, jelölje tollat? Ezek a kis rajzokat készített a Photoshop és a következők:





Ahogy érti, ezek a képek az azonos színű a táblázat és a szerelt a kódot, hogy megteremtse a hatása a lekerekített sarkok.

Ha meg van elégedve a színe az asztal (meg lehet változtatni, és hogy a kép kitölti más színű) lehet letölteni (3,1 kb) Ezen risunochki, azok behelyezését a képeket tartalmazó mappát a honlapon, másolja ki a kódot asztal és a „jó szerencsét!”

Az egyik változata ez a módszer a következő:

Kapcsolódó cikkek