Keret Behelyezése

Tartalomjegyzék:

Keret Behelyezése
Keret Behelyezése

Videó: Keret Behelyezése

Videó: Keret Behelyezése
Videó: Műlépezés 2024, Lehet
Anonim

Több forrásból származó információk egyetlen oldalon történő megjelenítéséhez gyakran használják a HTML oldalfelosztó mechanizmust. Az alábbiakban bemutatjuk a keretek beszúrására szolgáló nyelvi konstrukciókat.

Keret behelyezése
Keret behelyezése

Szükséges

HTML alapismeretek

Utasítás

1. lépés

A HyperText Markup Language (HTML) kétféle keretet biztosít. A lebegés rugalmasabb és könnyebben beilleszthető egy meglévő oldalba. Általában az ablakkeretet lebegő keretet használó konstrukció így néz ki: Itt egy meglévő webhely fő oldalát adják meg ennek a keretnek az adatforrásaként (src attribútum). 400 x 300 képpontos képkockában nyílik meg, a szélesség és magasság attribútumok szerint. Webhelyének oldalát megadhatja az src attribútumban is. Ebben az esetben elég megadni egy relatív címet (vagyis a címet ahhoz az oldalhoz képest, amelybe a keretet beillesztjük): Ebben a mintában a keret szélessége és magassága nincs megadva, de van egy azonosító attribútum-azonosító. Használatával a CSS () segítségével beállíthatja a keret szükséges méreteit:

#frameOne {szélesség: 700px; magasság: 200px;}

2. lépés

Egy másik típusú keret - a "klasszikus" - külön oldalt igényel, amely tartalmazza a keretszerkezet leírását. Maguk a keretek külön oldalakon lesznek, talán külön webhelyeken is. Egy ilyen kerettároló oldal HTML-kódja így nézhet ki:

A normál oldalakhoz nem szükséges… és… blokk. Ebben a példában a tároló nyitó címke tartalmaz egy sor attribútumot, ami azt jelenti, hogy az oldalteret függőlegesen kell felosztani, és a tetejét az első keret kapja meg. Ha a sorokat oszlopokkal helyettesíti, akkor az osztás vízszintes lesz. Ennek az attribútumnak a értéke "*, *" azt jelzi, hogy a felosztás aránya megegyezik - mindegyik 50%. Ha például "20%, *" értéket ad meg, akkor az első képkockának csak 20% -át adjuk meg, a többi helyet pedig a másodiknak. A felhasználó ezeket az arányokat úgy módosíthatja, hogy a keretek az egérrel, de ez a művelet letiltható. Ehhez adja hozzá a noresize attribútumot egy adott keret címkéjéhez. Megadhatja a függőleges és vízszintes behúzások méretét is a szomszédos keretből (a margószélesség és a margómagasság attribútumok): Lehetőség van az egyes kockák gördítősávjainak viselkedési szabályainak külön-külön történő beállítására. Ehhez a görgető attribútumot használják, amely a három előre definiált érték egyikét tartalmazhatja. Ha meg van adva, akkor a gördítősávok jelennek meg, ha a keret tartalma nem fér bele a határaiba. Ha "igen" - a csíkok folyamatosan jelen lesznek, függetlenül azok szükségességétől. Ha "nem" - ez azt jelenti, hogy nem engedélyezi a görgetősávokat ehhez a kerethez.

3. lépés

Az előző két lépésben megadott információk alapján meg kell terveznie a probléma megoldására alkalmasabb HTML kódot. Ezt követően már csak az a helyzet kell, hogy beillessze az oldal forráskódjába. Ehhez használhatja webhelye felügyeleti rendszerének oldalszerkesztőjét - nyissa meg benne a kívánt oldalt, váltson át html kódszerkesztő módra, és illessze be a kódot az oldalon a kívánt helyre. Alternatív megoldásként letöltheti az oldal forráskódját a tárhelykezelő fájlkezelő vagy a tartalomkezelő rendszer segítségével, megnyithatja szövegszerkesztőben, és beillesztheti a kódot. Ezután ugyanígy töltse fel a megváltozott kódot a szerverre.

Ajánlott: