Hogyan hozzunk létre keretek HTML. HTML alapjai kezdőknek. lecke №16
Hello mindenkinek! Továbbra is szorgalmasan tanulmányozza a HTML alapjait. Örülök, hogy nem dobja alapjait órák HTML.
Ebben a leckében lesz szó, amit a kereteket, és hogyan jönnek létre a HTML. Tehát nézzük meg, mit keretek HTML. Keret - egy részlege a böngésző ablak külön területekre, ahol külön HTML dokumentumok tölthető be.
Például, hogy megértsék, hogy a keret a gyakorlatban azt javaslom, hogy nézd meg egy példát. Legyen ez a pár átmenetek:
Nos, mint te? Szeretne megtanulni, hogyan lehet létrehozni egy? Most majd megtanulják, hogyan kell beszúrni keretek HTML dokumentumnak.
Hozzon létre egy keret egy weblapon jelenik meg egy ilyen elrendezést:
Megjegyzés: az elrendezés a frame-kód be van dugva a html-dokumentum helyett a címke
:
Ez a fő tartály létrehozására egy keret, amelynek belsejében tartalmaznak más elemeket. A záró tag kötelező.
Oszlopai - függőleges
Sorok - Vízszintes
Az attribútumok oszlopok és sorok jelzik, hogy hány darabot kell osztani a böngésző ablakot. Itt például, hogy osztja a böngésző ablak két függőleges részeket, regisztrálnia kell itt ilyen:
A bal oldali része a képernyő 30% mérete, és a megfelelő - 70%.
Ha azt szeretnénk, hogy szét a böngésző még néhány alkatrész, vesszővel elválasztva fűzze további méretek, például az alábbiak szerint:
Ennek eredményeként, az első függőleges oszlopban 30% lesz a szélessége, a második - 20%, a harmadik - 10%, a negyedik - 40%.
Hasonlóképpen, a vízszintes bontásban:
Az első oszlop a vízszintes szélessége 30%, a második - 20%, a harmadik - 10%, a negyedik - 40%.
frame tag határozza meg, melyik a HTML dokumentumnak kell betölteni a böngésző ablakban. Például, meg kell tölteni egy böngésző ablakot, három különböző oldalon «1.html», «2.html», «3.html». frame tag fog kinézni:
Összefoglalva ismerete kereteket. Így a probléma: meg kell osztani a böngésző ablak két részre, és betölteni a két rész egy weboldalt - «1.html» 30%. «2.html» 70%. Itt kész kód:
Az eredmény:
○ linkek keretekben vagy megtanulják használni attribútum «név»
Itt egy példa, ha a regiszter attribútum «név»:
Azonban ez jobb? Bármely képkocka listában az attribútum «név», ahol szeretné, hogy nyissa ki a másik html-dokumentum
Név «név» attribútum lehet bármilyen. De a jövőben, ha megadja a többi nevek és címkék «frame». megjegyezni, hogy minden egyedi legyen:
Most össze kell kapcsolni, hogy előírja „cél”, vagyis ahol az ablakkeret, hogy az átmenet. Ez a címke «a» listához attribútum «cél»:
„Page 1”, „Page 2” megnyílik az ugyanabban az ablakban, ahol megadhatja a nevét a keret «name =»stepkinblog-ru«» és »Page 3« megnyílik egy keret, amely a nevét «name =” bloggood-ru „»
Feladat: Meg kell létrehozni egy keretet itt ezt az elrendezést:
Először hozzon létre három vízszintes keret:
Most add «top.html» és «footer.html»
Az eredmény eddig, mint ez:
Most, a «top.html» és «footer.html» hozzátéve «menu.html» és «content.html»:
Mentse a fájlt «index.html»
Készítsen oldal «top.html». «Footer.html». «Menu.html» és «content.html»:
Kód «top.html» fájlt
Kód «footer.html» fájlt
Kód «menu.html» fájlt
Kód «content.html» file:
Kód «autor.html» file:
Itt egy eredmény mentem:
Az általunk használt attribútumok «frame» és ments kézzel nyújtás keretében, és távolítsa el a tekercset «index.html» fájlt.
○ Mi a teendő, ha a keret nem támogatja a böngésző?
Akkor egy üzenetet jelenít meg a felhasználó számára, hogy a felhasználó böngészője nem támogatja a kereteket. Ehhez helyezze be a kulcsszó belső kialakítás
Ha kell beszúrni keretablak közvetlenül egy oldalt, amely nem rendelkezik vázszerkezet, erre ott van a címke «iframe»
src - az utat a meglátogatott oldal
szélesség - a szélessége a úszó keret
magasság - az iFrame magasságát
görgetés - görgetősáv - nem - soha nem mutatják a görgetősáv - igen - mindig azt mutatják, - auto - show, ha szükséges
összehangolása - a nyomvonal a iframe - bal - bal - jobb - jobb - top - up - alsó - az alábbiakban
frameborder - keret körül a iframe - 1 - kapcsoló keret - 0 - kapcsolja ki a keret
Itt fog kinézni «iframe» tag attribútumok:
Ha a böngészője nem támogatja a kereteket, akkor helyezze a szöveg „Hoppá! Az Ön böngészője nem támogatja a kereteket. „A címkék között . Úgy fog kinézni:
Például tegyük hozzá, hogy a fájl «content.html» iframe: