Hozzon létre egy menü egy táblázatban

Eddig hoztunk létre egy dokumentumot, amelyben a szöveg került a co-Lonka. A gyakorlatban néha szükség van, hogy helyezze a szöveg két vagy három oszlopban. Segíthet ebben a táblázatban. Ezen túlmenően, egy asztal, amely egyetlen sejt, hatékonyan ki egy kis szöveggel, amit ho-Tite obratit- olvasó figyelmét. Nagyon kényelmes, hogy felváltva táblázatcellákhoz képeket és szöveget. Nos, persze, van egy asztal információ megjelenítésére táblázatos formában. táblázat gyakran használják, hogy képviselje a menüket.

Hozzunk létre egy új fájlt a tábla egy oszlop, amely során a sejtek a menüben nyújt linkeket hozzáférhető, a többi még nem kezdődött oldalon. Valójában az oldal tartalmazhat több tucat oldalt. Ezért nagyon fontos, hogy képes legyen gyorsan kiválaszthatja a kívánt oldalt a menüből. Ez a menü akkor aztán a bal szélén a képernyőn úgy, hogy marad tartósan a felhasználó látóterében.

u Hozzon létre egy új szöveges fájlt, válassza ki a Jegyzettömb Fájl / Új Program menüben.

u Írja be az alapvető címkéket létre a szerkezet a dokumentumot. A fejléc, adja meg a doku-ment menüben. A háttér színe és a dokumentum szövege önállóan válassza meg, hogy a linkek jól látható:

Minden asztal indul tag

és végződik
. Táblázatsorok vannak kialakítva egy pár címkék , ELRENDEZÉS között, amely pár Tag-gayutsya . Mindegyik pár ilyen tag alkot egy oszlopot. közötti a nyitó és zárás helyezett címkék, szöveget, vagy bármilyen más cella tartalmát.

A fentieket figyelembe véve, HTML kódot, amely leírja a táblázat, amely egy oszlopot, és tartalmazza a menüpontok nevei oldalak, a következő legyen:

Mit csináljunk?

Mintegy Asha cég

Kapcsolatfelvétel

u be egy üres sort a nyitó és zárás Tagged, és mivel ez adja meg a képen látható kódot.

u Mentse el a dokumentumot a Web nevű mappa menu.html.

u Nyissa meg a fájlt menu.html böngészőablakban.

Létrehoztunk egy asztal található bal szélén a képernyőn. Ez a pozíció használatával is módosítható a nyitó címke

attribútum align = center kalibrálásához az asztal közepén, vagy az attribútum align = jobb az igazításhoz a jobb szélén a böngésző ablakot. Menü elemek vannak elrendezve egymás felett, és a széleit az asztal é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 ezeket GRT-mapping, akkor az címke
borde R attribútumot, jelezve az in-QUAL stve annak értéke vastagsága a határ pixel.

u címke hozzáadása

atributborde r = l. megmutatni a keret és a táblázat cella vastagsága 1 pixel:

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

Táblázat mérete rendszerint automatikusan a böngészőben ahhoz, hogy etobrazhalos annak teljes tartalmát. Azonban, ha egy fix asztal szélessége pixelben a width tulajdonság.

► Táblázat szélességének 140 pixel, hozzátéve attribútum szélesség = L40 a nyitó címke

ú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 sejtben a szöveg jelenik meg, két sorban.

Amikor használtuk egy tag táblaoszlopok

dan-nye a sejt normális betűtípusa és az alapértelmezett balra igazított sejtekben. Ha szükséges, hogy biztosítsák a cellák adatainak, például oszlopok vagy sorok a táblázat fejezetek helyett címkék kényelmes a használata 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. Ezért cserélje ki a HTML kód elemeit

elemek .

► szerkesztése menu.html fájlt. cseréje címkék

illetve címkék .

a címke

vagy
és és és akkor a következő tulajdonságokkal rendelkezik:

· Align - (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 - meghatározza a cella szélessége pixelben;

· - magasság határozza meg 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özepén.

► Ellenőrizze, hogy ezeket a tulajdonságokat, majd visszatér az asztalra prezh az állapota.

Azt is megváltoztathatja a színét bármely sejt, sorban, oszlopban vagy az egész asztal, behelyezésekor bgcolor attribútum a tag, illetve

.
.

► Játssz a színekkel, és vedd alkalmas az Ön szempontjából, hogy az asztalra.

► Szerkesztés a Fájl menü .html kódsor nevét tartalmazó Punk-nek menü Főoldal és mit csinálunk?. behelyezése vysheuka kapcsolódó linkek illetve geoton .html és spisok .html így valami ezeket a sorokat vette az alábbi formában:

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

► Kattintson az első kapcsolat - Home. Attól függően, hogy a változat a böngésző, geoton .html fájl betöltődik vagy egy új külön vagy ugyanabban a böngészőablakban.

► Ha a fájl betöltésre került ugyanabban a böngészőablakban, nyomja meg a Vissza gombot 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 képernyőn megjelenik menü .html fájlt újra.

► Kattintson a második link - Mit tegyünk? A böngésző ablak jelenik meg spisok .html fájlt.

Tehát táblázat alapján hoztunk létre egy menüt, hogy megbizonyosodjon arról, hogy a linkek ott dolgoznak.

Jelentősen javítja a megjelenés és a funkcionalitás az oldalon lehet kereteket használ. A keret a képernyő van osztva több windows, in-house kazh amelynek tartalmát jeleníti meg egy oldalon. Az on-Daubney úton technológia keret, akkor képes betölteni több web-oldalak egy böngésző ablakot.

Ábra. 1 ablak böngésző keretekkel

Lássuk, hogyan kell használni kockák az ablakban menütallózó újra sor, hogy más oldalak a helyszín és az oldalakat magukat.

A leírás, a keret egy speciális HTML-fájlt.

► A Jegyzettömb ablak (Notepad), hozzon létre egy új fájlt.

► Írja be az alapvető címkéket, de a címkék , hogy a fájl írja le ik - kereteket nem használjuk. a címke cím kiválasztásához - Vállalat GEOTON:

cég GEOTOH

helyett címkézés fájl, amely leírja a keretek, az egy címke pár tulajdonságaival sorok vagy oszlopok. határozza meg, hogy a képernyő van osztva - vízszintesen vagy függőlegesen. Mivel az értékek ezeket a tulajdonságokat használhatja a numerikus érték a magassága vagy szélessége a keret képpontokban vagy százalékában 1% és 100%. Például, ha azt szeretnénk, hogy osztja a böngésző ablakot vízszintesen két egyenlő méretű keretek, a HTML kódot kell:

Megjegyezzük, hogy az attribútum értékek vannak elválasztva egymástól vesszővel.

Osztani a böngésző ablak két függőleges keret szélessége 200 és 600 pixel, meg kell írni:

Azonban a tényleges szélességét és magasságát a keret az ablak függ a jelenlegi képernyő felbontását. Ezért, ha a felhasználó engedélye van beállítva, például 1024x768 pixel, azaz a A képernyő szélesség - 1024 pixeles, egy részét a képernyőn maradhat üresen. Ezért ajánlatos, hogy a méretet a keretek százalékában úgy, hogy az összegük egyenlő 100%. Ha ez szükséges, az egyik ablak, hogy adjon meg egy fix méretű elhagyható helyett azzal az értékkel, a szimbólum pixelek mérete a többi ablak *. Ebben az esetben a böngésző maga válassza ki a megfelelő méretet a második ablakot.

Hozzunk létre honlapunkon megjeleníteni két függőleges. Az első keret, amelyben a menü megjelenítéséhez, meg a rögzített szélességű -160 pixel és a mérete a második ad, hogy meghatározza a böngésző, helyette a csillaggal.

► A Jegyzettömb ablak, helyezzen be egy üres sort követően záró tag és adja meg a következő kódot:

► Helyezze az ablakot Jegyzettömb üres sor után nyitó és vayuschego tag és írja be a kulcsszó.

A második keretben kell betölteni geoton .html fájlt. így a második tag Ez lesz:

► Írja be ezt a kódot helyezzen be egy üres sort a zárás előtt .

► Mentse a fájlt a Web nevű mappa index .html.

A végleges index html fájlt kódot Jegyzettömb ablak-dol feleségek a következők:

cég rEOTOH

Név index html fájlt kell feltétlenül hozzá kell rendelni a főoldalon minden oldalon. Ez a fájl megnyitásakor a Def-Chania elérésekor a Web-site, hacsak nincs másképp megadva fájlnév. Sok helyen a honlapon név lehet index htm. egy index.html nem jelenik meg, mint egy oldal, valamint egy mappát a fájl nevét. Meg kell határozni a webhely rendszergazdája.

2. ábra. Kereteket hoznak létre.

Ellenőrizze, hogy a menü linkeket.

► A linkre kattintva menü Mit csinálunk? A jobb oldali keretben spisok .html fájl nyílik meg.

► A linkre kattintva menü Home. A jobb oldali keretben geoton .html fájl jelenik meg.

Figyeljük meg, hogy minden egyes képkocka saját görgetősáv. Ha nem szükségszerűen a kijelző lehet törölni. Elég címkézni attribútum megadásához görgetés = nincs.

► címke hozzáadása leírja az első keretet, atributscrolling = no:

A böngésző Web-site fog kinézni ábra. 3.

Ábra. 3. A függőleges görgetősáv ki van kapcsolva ..

Mint látható, a kereteket - egyszerű és hatékony eszköz forgalomba infor-mációk a web-oldalak. Azonban használja, akkor nem veszít arányérzék. Túl sok az ablak a képernyőn nem javítja a megítélése információkat. Ne helyezze a képernyőn több mint három keretek, és ne használja őket feleslegesen.

Tehát, az első szakaszban a munka befejeződött - hoztunk létre egy oldalt két web-oldalak. Most, hogy ez mindenki számára hozzáférhetővé kell elhelyezni az interneten az egyik szerverek World Wide Web.

Hozza létre az első web-oldal. 3

Mi meg a betűtípust, betűméretet, és egyéb formázott szöveget. 6

Helyezze be a rajzot. 11

Készítsen egy listát a képességeit. 12

Visszajelzéseket és javaslatokat oldalunkon. 14

Linkek beszúrása más oldalaira Intekrnete. 16

Hozzon létre egy menü egy táblázatban. 20

Utolsó simítások. 24

Kapcsolódó cikkek

otthon
Mit csináljunk?