Qanday Qilib Sahifa Ichida Sahifa Qilish Kerak

Mundarija:

Qanday Qilib Sahifa Ichida Sahifa Qilish Kerak
Qanday Qilib Sahifa Ichida Sahifa Qilish Kerak

Video: Qanday Qilib Sahifa Ichida Sahifa Qilish Kerak

Video: Qanday Qilib Sahifa Ichida Sahifa Qilish Kerak
Video: INTERNETDA MO'MAY DAROMAD TO'LOVLAR UZCARDGA 100% ISHONCHLI FAQAT OLG'A 2024, Aprel
Anonim

Gipermatnni belgilash tili (HTML) sahifani bir nechta oynalarga - "freymlarga" ajratish imkoniyatini beradi. Kadrlarning har biri namoyish qilish uchun o'z internet manbasiga ega bo'lishi mumkin. Ushbu mexanizm yordamida boshqa saytlardan sahifalarni saytingiz sahifalariga qo'shish uchun foydalanish mumkin.

Qanday qilib sahifa ichida sahifa qilish kerak
Qanday qilib sahifa ichida sahifa qilish kerak

Bu zarur

Matn muharriri bloknot

Ko'rsatmalar

1-qadam

Sahifaning HTML kodi - bu brauzer uchun uning har bir elementi qaerda ko'rsatilishi va qanday ko'rinishi kerakligini ko'rsatadigan ko'rsatmalar to'plamidir. Ushbu ko'rsatmalar "teglar" deb nomlanadi va bir yoki bir nechta boshqalarni o'z ichiga olgan sahifani yaratish uchun tegishli teglar to'plamini yozishingiz kerak. Biz sahifadagi barcha ramkalar uchun konteyner yaratadigan teglardan boshlaymiz:

Bu idishni ochish va yopish teglari - ramkalarni tashkil etuvchi teglar ularning orasiga joylashtirilishi kerak. HTML-da teglarda "atributlar" mavjud - ular sahifa elementining xususiyatlari to'g'risida qo'shimcha ma'lumotlarni o'z ichiga oladi, ularning ko'rsatilishi ushbu tegni belgilaydi. Konteynerning ochilish yorlig'ida brauzer sahifa maydonini o'z ramkalari o'rtasida qanday ajratishi kerakligi haqida ma'lumotni o'z ichiga olgan atributni ko'rsatishingiz kerak:

Ushbu kod namunasidagi "cols" atributi sahifani vertikal ravishda ikkita freymga bo'lishini, chap tomoni deraza kengligining 20 foizini, o'ng qismi esa 80 foizini egallashi kerakligini bildiradi. Agar "cols" atributi o'rniga "satrlar" atributini ko'rsatsangiz, u holda sahifa gorizontal ravishda bo'linadi:

Raqam o'rniga yulduzcha (*) yozishingiz mumkin:

Bu shuni anglatadiki, ikkinchi freymga qolgan barcha bo'sh joy beriladi, kvadrat o'lchamlari foizlarda emas, balki ko'pincha sahifa joylashishida ishlatiladigan o'lchov birliklarida - "piksellar" da belgilanishi mumkin:

2-qadam

Konteynerga joylashtirilishi kerak bo'lgan ramkaning o'zi HTML yorlig'i quyidagicha yoziladi: "ramka" tegining "src" atributi brauzer ushbu ramkaga yuklashi kerak bo'lgan veb-sahifaning manzilini o'z ichiga oladi. Shu tarzda yozilgan manzil "mutlaq" deb nomlanadi - u https:// protokoli bilan boshlanadi. Ammo agar bu sizning o'zingizning saytingiz sahifasi bo'lsa va u o'sha (yoki pastki papkada) papkada bo'lsa, unda siz mutlaq manzilni ko'rsatishingiz shart emas, faqat fayl nomi va pastki papkaga yo'l etarli bo'ladi. Bunday manzil "nisbiy" deb nomlanadi: - Sahifadagi ramkalar orasidagi chegaralarni sichqoncha yordamida ko'chirish mumkin. Ushbu xususiyat noresize xususiyati tomonidan o'chirib qo'yilgan: - ramkalar orasidagi chekka o'lchamlarini aniqlaydigan ikkita atribut mavjud - marginheight vertikal chekkani (yuqori va pastki) o'rnatadi va chekka kenglik gorizontal ravishda (o'ng va chap): - boshqa atributdan foydalanish - "aylantirish" - brauzerga kadrning aylantirish satrlari qoidalarini aytib berishingiz mumkin: "avtomatik" qiymati aylantirish satrlari kerak bo'lganda paydo bo'lishi kerakligini, ya'ni tarkib ramka ichiga sig'maganda. Agar siz "ha" qiymatini o'rnatgan bo'lsangiz, unda ushbu freymda har doim aylantirish satrlari bo'ladi va "yo'q" qiymati, aksincha, o'tish satrlarini ko'rsatishga to'sqinlik qiladi - Agar konteynerdagi sahifalar JavaScript-ni skriptlari bilan ishlasa qo'shni freymlarda operatsiyalarni bajarish, freymlarni nomiga qarab ajratish kerak bo'lishi mumkin. Kadr nomini o'z ichiga olgan atribut nomi:

3-qadam

Ushbu HTML ta'riflari boshqa saytlarning bir nechta sahifalaridan oddiy sahifa yaratish uchun etarli. Buning uchun sizga har qanday matn muharriri kerak bo'ladi, masalan, standart bloknot. Unda yangi hujjat yarating va ushbu HTML teglarini yozing:

Keyin ushbu kodni htm yoki html kengaytmasi bilan saqlang - masalan, test.html. Hammasi tayyor, agar siz ushbu hujjatni brauzer bilan ochsangiz, natija quyidagicha bo'ladi:

Ikki kadrli sahifa
Ikki kadrli sahifa

4-qadam

Yana bir turdagi ramkalar mavjud - "suzuvchi". U ramkalarga bo'linmasdan, odatdagi sahifaning ichida joylashgan bo'lishi mumkin. Bunday ramkada uning o'lchamlarini aniqlaydigan qo'shimcha kenglik va balandlik atributlari mavjud. Ushbu tegning kodi quyidagicha ko'rinishi mumkin:

Tavsiya: