Hogyan hozzunk létre egy táblázatot html - lecke és egyszerű - Layout html

Tábla létrehozása

Meglesz az új fájltábla egyik oszlop olyan sejt, amely a menüben nyújt linkeket hozzáférhető, a többi még nem tett oldalak web site. Miután a honlap tartalmazhat 10s oldalakon. Ezért rendkívül fontos, hogy képes legyen gyorsan kiválaszthatja a megfelelő oldalt a menü. Ez a menü akkor aztán a bal szélén a képernyőn úgy, hogy folyamatosan megmarad a felhasználó látóterében.

Készíts egy új szöveges fájlt, és adja meg kulcscímkét létre a szerkezet a dokumentumot. Az a dokumentum címét, adja meg a menüt. A háttér színe és a dokumentum szövegében segítsége nélkül megválasztja más ilyen, hogy a linkek jól látható:

Bármilyen asztal kezdőcímke

és végződik a tag
. A vonalak az asztal párt képez a címkék , amelyek között vannak elrendezve egy pár címkék . Bármilyen pár ilyen tag alkot egy oszlopot. közötti a nyitó és zárás helyezett címkék, szöveget, vagy akár bármilyen más cella tartalmát.

Tekintettel a hangsúlyos, HTML kódot, amely leírja a táblázatot, amely az 1. oszlopban, és tartalmazza a menüpontok nevei az oldalak honlap a követelmény, hogy a nyomon követési formában

Helyezze be az üres sor a nyitó és zárás Tagged, és mivel ez adja meg a jelzett kódot.

Mentse el a dokumentumot a neve alatt WEB menu.html után nyissa meg a fájlt menu.html böngészőablakban.

Felvette a kapcsolatot tábla van elhelyezve a bal szélén a képernyőn. Ez a pozíció használatával is módosítható a nyitó címke

A menüpontok kerülnek egymás fölé, és a szélén a tábla és a sejtek nem láthatók. Ez annak a ténynek köszönhető, hogy a keret és az asztal sejtek nem alapértelmezés szerint megjelennek. Annak érdekében, hogy a kijelzőn, akkor a címke

átnyúló attribútum megadásával, mint annak értékeit vastagsága a határ pixel.

Címke hozzáadása

attribútum border-width: 1px, hogy megmutassa egy keretből és szélessége 1 pixel táblázat sejtek:

Most a táblázat jelenik meg, emelt határokat.

mérettáblázatában

Táblázat mérete rendszerint automatikusan a böngésző, hogy megjelenítse a tartalmát. De akkor meg egy fix asztal szélessége pixelben a width tulajdonság.

Terített asztal szélessége 140 képpont hozzáadásával szélessége attribútum indul tag

úgy, hogy vette az alábbi formában:

A böngésző ablak szélessége a táblázat úgy csökkentjük, hogy a legtöbb sejt a szöveg fog megjelenni a két sorban.

Amikor használtuk egy tag táblaoszlopok

adatokat a sejt egy egyszerű szöveges betűtípus, az alapértelmezett balra igazított sejtekben. Ha szükséges kiosztani adatokat a sejtek, például a cím oszlopok vagy sorok a táblázat helyett címkék kényelmesen használható címkék . A szöveg cellában Általában ez áll merész és igazodik a sejt közepébe.

Étlapunkon jobban néz ki, ha pont kerül középre a sejtekben és merész. Mert cserélni az elemeket a HTML kódot

elemek .

Menu.html nyissuk meg és cseréljük címkék

illetve címkék .

a címke

vagy
és és és akkor a régi tulajdonságok:

összehangolása - (középen) vízszintes igazítás a cella tartalmát a központtól a bal (bal) és a jobb (jobb) széle a sejt;

szélesség - adja meg a cella szélessége pixelben;

magassága -, hogy meghatározzák a magassága a sejt;

valign - függőleges adatok igazítását a sejtben a felső (felső) és az alsó (alsó) széle és közepe (középen) sejt; Alapérték valign = "középső".

Nézze meg, hogy ezek a tulajdonságok, majd térjen vissza a táblázatot, hogy a korábbi állapotot.

Hogyan kell festeni az asztalra különböző színekben

Azt is megváltoztathatja a szín legalább egy cella, oszlop, vonal, vagy az egész asztal, behelyezésekor régi bgcolor attribútum, illetve a tag

,
vagy style = "background-color: # 666;".

Kísérletezni színek és vedd alkalmas az Ön szempontjából, hogy az asztalra.

Példa alkotó menük és linkek a táblázatban

Szerkeszteni a fájlt menu.html kódsort tartalmazó nevek péntekig menü főoldala és amit szenvedélyesen. beillesztjük a fenti hivatkozások rendre other.html és list.html fájlokat, hogy ezeket a sorokat vette el a következő űrlapot:

Most az első két P menü kiemelve, és hangsúlyozta a linkeket. Megvizsgáljuk, hogy ezek a linkek működnek.

Kattints az első kapcsolat - Főoldal. Attól függően, hogy a változat a böngésző, other.html fájl betöltése vagy egy új, egyéni, vagy ugyanabban a böngésző ablakban.

Ha a fájl betöltésre került ugyanabban a böngészőablakban, majd megfordítása (Vissza) gombra az eszköztáron, vagy egyszerűen zárja be az ablakot, amikor a fájl betöltésre került egy új ablakban. A kijelzőn ismét megjelenik menu.html fájlt.

Kattintson a második link - Mit szenvedélyes? A böngésző list.html fájlt.

Tehát, mi történt a menüt, és gondoskodott arról, hogy a táblázat alapján, hogy referencia működik.

További információ

Leírás az elemi lépéseket kell mutatnia, és megérteni a termelés az első banner weboldalakat

Ez a cikk bemutatja a teremtés és a munka táblázatok FrontPage programban

főoldal
Mi vagyunk szenvedélyes?