Bitta sahifada bir nechta manbalardan olingan ma'lumotlarni aks ettirish uchun ko'pincha HTML sahifalarni ajratish mexanizmi ishlatiladi. Quyida freymlarni kiritish uchun til konstruktsiyalarining tavsifi berilgan.
Kerakli
HTML haqida asosiy bilimlar
Ko'rsatmalar
1-qadam
HyperText Markup Language (HTML) ikki turdagi ramkalarni taqdim etadi. Suzuvchi yanada moslashuvchan va mavjud sahifaga kiritish osonroq. Umuman olganda, suzuvchi ramka yordamida oyna ramkasini tavsiflovchi qurilish quyidagicha ko'rinadi: bu erda mavjud bo'lgan saytning asosiy sahifasi ushbu ramka uchun ma'lumot manbai (src atributi) sifatida ko'rsatilgan. U eni va balandligi atributlarida ko'rsatilganidek, 400 x 300 pikselli ramkada ochiladi. Sizning saytingizni src atributida belgilashingiz mumkin. Bunday holda, nisbiy manzilni (ya'ni ramka kiritilgan sahifaga nisbatan manzilni) ko'rsatish kifoya: Ushbu namunada ramkaning kengligi va balandligi ko'rsatilmagan, ammo id mavjud atribut-identifikator. Undan foydalanib, ushbu ramka uchun kerakli o'lchamlarni o'rnatish uchun CSS () dan foydalanishingiz mumkin:
#frameOne {kengligi: 700piksel; balandligi: 200 piksel;}
2-qadam
Boshqa turdagi ramkalar - "klassik" - bu alohida sahifani talab qiladi, unda ramka tuzilishining tavsifi bo'ladi. Kadrlarning o'zi alohida sahifalarda, ehtimol hatto alohida saytlarda bo'ladi. Bunday ramka konteyner sahifasi uchun HTML kod quyidagicha ko'rinishi mumkin:
Oddiy sahifalar uchun hech qanday… va… bloklar bo'lmasligi kerak. Bu misolda konteynerni ochish yorlig'i satrlar atributini o'z ichiga oladi, ya'ni sahifa maydoni vertikal ravishda bo'linib, yuqori qismi birinchi kadrga beriladi. Agar siz satrlarni kollar bilan almashtirsangiz, u holda bo'linish gorizontal bo'ladi. Ushbu "*, *" atributining qiymati bo'linish nisbati tengligini ko'rsatadi - har biri 50%. Agar siz, masalan, "20%, *" deb belgilasangiz, unda birinchi freymga atigi 20%, ikkinchisiga esa bo'sh joy beriladi, foydalanuvchi bu nisbatlarni freymlar chegaralarini suring. sichqoncha, lekin bu amalni o'chirib qo'yish mumkin. Buning uchun noresize atributini ma'lum bir freym yorlig'iga qo'shing. Siz vertikal va gorizontal indentlar hajmini qo'shni ramkadan ham belgilashingiz mumkin (marginwidth va marginheight atributlari): Har bir freymning aylantirish satrlari uchun xatti-harakatlar qoidalarini alohida belgilash mumkin. Buning uchun oldindan belgilangan uchta qiymatdan birini o'z ichiga olishi mumkin bo'lgan aylantirish atributidan foydalaniladi. Belgilangan bo'lsa, ramkaning tarkibi uning chegaralariga to'g'ri kelmasa, o'tish satrlari paydo bo'ladi. Agar "ha" bo'lsa, chiziqlar ularga bo'lgan ehtiyojdan qat'iy nazar har doim mavjud bo'ladi. Agar "yo'q" bo'lsa, bu ushbu kadr uchun aylantirish satrlarini taqiqlashni anglatadi.
3-qadam
Oldingi ikki bosqichda keltirilgan ma'lumotlarga asoslanib, siz o'zingizning muammoingizni hal qilish uchun ko'proq mos keladigan HTML kodini yaratishingiz kerak. Shundan so'ng, uni sahifaning manba kodiga kiritish kifoya. Buning uchun siz o'zingizning saytingizni boshqarish tizimining sahifa muharriridan foydalanishingiz mumkin - unda kerakli sahifani oching, html kodini tahrirlash rejimiga o'ting va o'zingizning kodingizni sahifaning kerakli joyiga qo'ying. Shu bilan bir qatorda, xostingni boshqarish fayl menejeri yoki tarkibni boshqarish tizimi tomonidan sahifa manba kodi faylini yuklab olishingiz, uni matn muharririda ochishingiz va unga kodni qo'yishingiz mumkin. Va keyin xuddi shu tarzda o'zgartirilgan kodni serverga qayta yuklang.
