Korniza Janë zona drejtkëndore të ekranit, secila përmban dokumentin e vet HTML. Kornizat janë të shkëlqyera për dokumentet e mëposhtme:

Ekziston një etiketë interesante në html, me ndihmën e së cilës mund të futni një tjetër në faqen tuaj të internetit dhe do të duket sikur është e qepur në tuajën. Ky është një shënim se si të futet në html iframe.

Futja e një iframe

Pra, duke përdorur këtë etiketë të çiftuar, mund të futni një faqe në artikullin tuaj nga çdo faqe interneti në internet. Le të hedhim një vështrim në këtë pjesë të kodit:

Siç mund ta shihni, të gjithë parametrat e futjes janë vendosur në atributet e etiketës. Për dy të parat, mendoj se nuk keni nevojë të shpjegoni asgjë - këto janë gjerësia dhe lartësia e kornizës sonë, në të cilën do të vendoset faqja e kërkuar. Dimensionet duhet të zgjidhen bazuar në gjerësinë e bllokut tuaj të përmbajtjes.

Adresa e faqes së kërkuar është e specifikuar në atributin src. Në të duhet të shkruani adresën e plotë të faqes / faqes në internet. Atributi tjetër është emri i kornizës. Këtu mund të shkruani një vlerë arbitrare. Së fundi, lëvizja është përgjegjëse për pamjen e shiritave të lëvizjes dhe vlera e saj automatike e bën atë që lëvizja të shfaqet vetëm kur është e nevojshme. Ju gjithashtu mund ta vendosni vlerën këtu në nr. Në këtë rast, shiritat e lëvizjes nuk do të shfaqen, por atëherë nuk do të jetë e mundur të lëvizni faqen - mund të shikoni vetëm fragmentin e saj, për sa kohë është e mjaftueshme lartësia e specifikuar.

Pjesa tjetër e parametrave, nëse është e nevojshme, mund t'i vendosni përmes css. Për shembull, mund të jetë mbushje ose një kufi.

Pavarësisht nga fakti se faqet me korniza po bëhen më pak të zakonshme, mësimi i HTML do të ishte i paplotë pa shikuar temën e kornizave. Për më tepër, kornizat, në një farë kuptimi, kanë marrë vendin e tyre dhe përdoren për sistemet e administrimit dhe ndihmës. Aty ku disavantazhet e kornizave nuk janë të një rëndësie të veçantë, por avantazhet, përkundrazi, kërkohen në mënyrë aktive.

Etiketa përdoret për të krijuar një kornizë. e cila zëvendëson etiketën në dokument dhe përdoret për të ndarë ekranin në rajone. Brenda kësaj etikete janë etiketat që tregojnë për një dokument HTML që do të ngarkohet në rajon (Figura 13.1).

Oriz. 13.1. Një shembull i ndarjes së një dritare të shfletuesit në dy korniza

Kur përdorni korniza, kërkohen të paktën tre skedarë HTML: i pari përcakton strukturën e kornizës dhe ndan dritaren e shfletuesit në dy pjesë, dhe dy dokumentet e mbetur ngarkohen në dritaret e specifikuara. Numri i kornizave nuk është domosdoshmërisht i barabartë me dy, mund të jetë më shumë, por jo më pak se dy, përndryshe kuptimi i përdorimit të kornizave humbet plotësisht.

Le të hedhim një vështrim në hapat e përfshirë në krijimin e kornizave bazuar në faqen e paraqitur në Fig. 13.1. Na duhen tre skedarë: index.html - përcakton strukturën e dokumentit, menu.html - ngarkohet në kornizën e majtë dhe content.html - ngarkohet në kornizën e djathtë. Nga këto, vetëm index.html ndryshon në strukturën e kodit të tij nga skedarët e tjerë (shembulli 13.1).

Shembulli 13.1. Skedari Index.html

Në rastin e përdorimit të kornizave, lloji i mëposhtëm i dokumentit shkruhet në rreshtin e parë të kodit.

Tëi thotë shfletuesit të merret me kornizat, kjo linjë kodi kërkohet. Enë përmban informacion tipik si kodimi i faqes dhe titulli i dokumentit. Vetëm mbani në mend se titulli qëndron i njëjtë për sa kohë që skedarët HTML hapen brenda kornizave.

Në këtë shembull, dritarja e shfletuesit ndahet në dy kolona duke përdorur atributin cols, kolona e majtë është 100 piksele dhe e djathta është hapësira e mbetur e specifikuar nga simboli yll. Gjerësia ose lartësia e kornizave mund të specifikohet gjithashtu si përqindje, ngjashëm me tabelat.

Në etiketë vendos emrin e skedarit HTML të ngarkuar në rajonin e specifikuar duke përdorur atributin src. Një skedar me emrin menu.html (shembulli 13.2) do të ngarkohet në dritaren e majtë dhe content.html në dritaren e djathtë (shembulli 13.3). Është e dëshirueshme të caktohet një emër unik për secilën kornizë në mënyrë që dokumentet të mund të ngarkohen në dritaren e specifikuar duke përdorur atributin e emrit.

Shembulli 13.2. skedar menu.html

Në këtë shembull, sfondi gri në faqe vendoset duke përdorur stilet që do të diskutohen më vonë.

Shembulli 13.3. skedari Content.html

PËRMBAJTJA

Le të shohim një shembull më kompleks me tre korniza (Figura 13.2).

Oriz. 13.2. Ndarja e një faqe në tre korniza

Në këtë rast, etiketa përdoret përsëri , por dy herë, me një etiketë të vendosur brenda tjetrës. Ndarja horizontale krijohet përmes atributit të rreshtave, i cili përdor shënimin e përqindjes për varietetin (shembulli 13.4).

Shembulli 13.4. Tre korniza

Siç mund ta shihni nga ky shembull, kontejneri me atributin rows së pari krijon dy korniza horizontale, por zëvendëson kornizën e dytë me një tjetër , e cila përsërit strukturën që tashmë e dini nga Shembulli 13.1. Për të parandaluar shfaqjen e një shiriti lëvizës vertikal dhe përdoruesi nuk mund të ndryshojë vetë madhësinë e kornizës së sipërme, janë shtuar atributet scrolling = "jo" dhe noresize.

Le të fillojmë me strukturën e kornizës. Cili është thelbi i tij? Ne kemi mundësinë të organizojmë zona të veçanta të tipit dritare në dokumentin që ngarkojmë në shfletues. Dokumentet e tjera individuale (faqet e internetit) mund të ngarkohen në këto zona.

Pse është e nevojshme kjo? Meqenëse dokumentet ngarkohen në zonat e tyre të veçanta, ato sillen në mënyrë të pavarur. Kjo do të thotë, ju mund të bëni diçka në një dokument, ndërsa dokumentet e tjera janë të pandryshuara.

Ku mund të gjeni struktura të tilla kornizash? Këto janë skedarë ndihmës, skedarë ndihmës (me shtesën .chm).

Këtu është një shembull i thjeshtë i një dokumenti me korniza:

Elementi grup kornizash... Detyra e tij është të mbulojë zonën e shikimit dhe ta ndajë atë në zona të veçanta. ato. udhëzoni shfletuesin në çfarë raporti dhe si (horizontalisht ose vertikalisht) i ndajmë këto zona.

Elementi kornizë- përshkruan çdo zonë të tillë të veçantë. Etiketa është beqare. Ai zë dimensionet e specifikuara në grupin e kornizës.

Elementi pa korniza- shfaqet nëse shfletuesi nuk mbështet korniza.

Vini re se nuk ka asnjë element të trupit. Në vend të kësaj përdoret një element i grupit të kornizës. Kjo është një nga arsyet pse kornizat nuk përdoren më në sajte.

Atributet e elementit të grupit të kornizave

• cols - ndarja vertikale e faqes në pamje.
• rreshtat - ndarja horizontale e faqes në portin e shikimit.

Elementi i kornizës

Ky element përshkruan një zonë të veçantë të dritares. Çdo dokument mund të ngarkohet në të - duke përdorur atributin src. Shembuj:

atribut rrotullimi- lëvizja (automatikisht si parazgjedhje). Nëse dokumenti tejkalon madhësinë e zonës së shikimit të kësaj kornize, atëherë shfaqet lëvizja. Nëse dokumenti përshtatet plotësisht në kornizë, atëherë nuk ka lëvizje. Lëvizja mund të çaktivizohet, por është më mirë të lini vlerën automatike.

Atribut i vetëm noresize- ndalon ndryshimin e madhësisë së kornizës në shfletues. Kjo është aktivizuar si parazgjedhje.

atribut kufiri i kornizës- një kornizë në kornizë. Vlera '1' është për të pikturuar, vlera '0' nuk është për të pikturuar. Vetëm këto dy vlera janë të vlefshme. Si parazgjedhje, korniza vizatohet.

atribut gjerësia e margjinës- tregon distancën që përmbajtja në këtë kornizë do të zhvendoset horizontalisht nga kornizat e këtij kuadri.

atribut lartësia margjinale- dhëmbëzimi vertikal nga përmbajtja në kufijtë e kornizës.

Inline iframe

Elementi iframe("Kutia e linjës"). Ky element është i çiftuar (ka një etiketë hapëse dhe mbyllëse). Ky element shërben për të njëjtin qëllim - të organizojë elementin e dritares në dokument.

Si ndryshon nga kornizat e vjetra? Është i vetë-mjaftueshëm, nuk ka nevojë për kontejnerë shtesë. Dhe mund të shfaqet në çdo dokument, për sa kohë që ka një element të trupit.

Elementi iframe është një element inline me përmbajtje të zëvendësueshme. ato. formohet një zonë e tipit inline me çdo dimension abstrakt dhe përmbajtja e një dokumenti të jashtëm (skedari html) ngarkohet në këtë zonë.

Iframe ka të njëjtat atribute si imazhet (pasi janë të të njëjtit lloj): emri, gjerësia, lartësia, src, kufiri i kornizës, scrolling, hspace, vspace, gjerësia e margjinës, lartësia e margjinës.

Ditë të mbarë për të gjithë. Alexey Gulynin është në kontakt. Në artikullin e fundit, ne diskutuam se si të instaloni një favicon në një faqe interneti. Në këtë artikull, unë do të doja t'ju tregoja se çfarë është korniza në html... Përkthyer nga anglishtja. kornizë do të thotë "kornizë". Nga pikëpamja e html, një kornizë është një lloj zone e theksuar në një faqe që lidhet me një faqe tjetër dhe shfaq përmbajtjen e saj (të njëjtën faqe ose sajt). Duhet të theksohet menjëherë se kornizat nuk janë zhvilluar shumë dhe tani pothuajse nuk përdoren, përveç në disa projekte të specializuara.E njëjta gjë mund të bëhet duke përdorur CSS dhe Javascript.
Me ndihmën e një kornize, faqja mund të ndahet në disa blloqe, secili prej të cilëve do të jetë i pavarur nga të tjerët. Le të krijojmë dokumentin kryesor index.html dhe dy dokumente ndihmëse (të brendshme), përmbajtja e të cilave do të shfaqet në faqen kryesore: menu.html (që do të përmbajë shënimin e navigimit të faqes) dhe content.html (përmbajtja e faqes ). Shënimi index.html do të duket kështu:

Ju lutemi vini re se etiketa mungon këtu , etiketa u shfaq në vend të saj ... Ky etiketë ka disa atribute:

• cols - Ky atribut tregon se kornizat do të vendosen në kolona. Në vlerën e këtij atributi, tregohen madhësitë e kornizave, të ndara me presje. Në rastin tonë, ne do të kemi 2 korniza. E para do të jetë 40% e gjerësisë së faqes, * nënkupton gjithë hapësirën e mbetur të faqes (në këtë rast, mund të shkruani 60%). Ju gjithashtu mund të vendosni madhësinë në pixel.
• rreshta - Ky atribut tregon se kornizat do të vendosen në rreshta.

Përmbajtja e skedarit menu.html është si më poshtë:

• 1 artikull i menysë
• 2 artikuj të menysë
• 3 artikuj të menysë

Përmbajtja e skedarit content.html është si më poshtë:

Për të shfaqur përmbajtjen e një dokumenti tjetër, duhet të përdorni etiketën me atributin src, vlera e të cilit specifikon rrugën drejt skedarit. Ju gjithashtu mund të specifikoni url-në e faqes që duam të shfaqim në këtë bllok. Së pari, le të shfaqim faqet tona menu.html dhe content.html:

Sigurohuni që të shkruani këtë kod për të parë se si funksionon gjithçka.

Etiketa e kornizës ka atributet e mëposhtme:

• src - shtegu i faqes ose url-ja e faqes (faqet e faqes). Vlen të përmendet se disa sajte kanë mbrojtje të integruar,
• emri - i jep kornizës një emër me të cilin mund të manipulohet kjo kornizë,
• noresize - ndalon ndryshimin e madhësisë së kornizës,
• scrolling - aftësia për të lëvizur nëpër përmbajtje.

Për detyrat e shtëpisë, krijoni 2 korniza dhe vendosini në një vijë. Specifikoni rrugën drejt sajteve si vlerë për atributin src.