Birdən çox mənbədən məlumatları tək bir səhifədə göstərmək üçün tez-tez HTML səhifə bölmə mexanizmi istifadə olunur. Aşağıda çərçivələr daxil etmək üçün dil konstruksiyalarının təsviri verilmişdir.
Zəruri
HTML haqqında əsas biliklər
Təlimat
Addım 1
HyperText Markup Language (HTML) iki növ çərçivə təqdim edir. Üzən daha çevik və mövcud bir səhifəyə daxil edilməsi daha asandır. Ümumiyyətlə, üzən bir çərçivə istifadə edərək bir pəncərə çərçivəsini təsvir edən tikinti belə görünür: Burada mövcud bir saytın əsas səhifəsi bu çərçivə üçün məlumat mənbəyi olaraq göstərilmişdir (src atributu). Genişlik və hündürlük atributlarında göstərildiyi kimi 400 x 300 piksellik bir çərçivədə açılacaqdır. Saytınızın səhifəsini src atributunda da göstərə bilərsiniz. Bu vəziyyətdə, nisbi bir ünvanı (yəni çərçivənin daxil edildiyi səhifəyə nisbətən ünvanı) göstərmək kifayətdir: Bu nümunədə çərçivənin eni və hündürlüyü göstərilmir, ancaq bir id var atribut identifikatoru. Onu istifadə edərək, bu çərçivə üçün lazımi ölçüləri təyin etmək üçün CSS () istifadə edə bilərsiniz:
#frameOne {en: 700px; hündürlük: 200 piksel;}
Addım 2
Digər bir çərçivə növü - "klassik" - çərçivə quruluşunun təsvirini ehtiva edən ayrı bir səhifə tələb edir. Çərçivələrin özləri ayrı səhifələrdə, bəlkə də ayrı saytlarda olacaq. Belə bir çərçivə konteyner səhifəsi üçün HTML kodu belə görünə bilər:
Adi səhifələr üçün tələb olunan hər hansı bir … və … blok olmamalıdır. Bu nümunədə konteyner açma etiketi bir satır atributu ehtiva edir, yəni səhifə boşluğunun şaquli olaraq bölünməsi və üst hissənin ilk çərçivəyə verilməsi deməkdir. Satırları kollarla əvəz etsəniz, bölmə üfüqi olacaqdır. Bu atributun dəyəri "*, *" bölünmə nisbətlərinin bərabər olduğunu göstərir - hər biri 50%. Məsələn, "20%, *" qeyd etsəniz, ilk çərçivəyə yalnız 20%, qalan hissə isə ikinci hissəyə veriləcəkdir. İstifadəçi bu nisbətləri çərçivələrin sərhədlərini siçan, lakin bu əməliyyatı aradan qaldırmaq mümkündür. Bunu etmək üçün, müəyyən bir çərçivənin etiketinə noresize atributunu əlavə edin. Bitişik çərçivədən şaquli və üfiqi girintilərin ölçüsünü də təyin edə bilərsiniz (marginwidth və marginheight atributları): Hər çərçivənin sürüşmə çubuqları üçün davranış qaydalarını ayrı-ayrılıqda təyin etmək mümkündür. Bunun üçün əvvəlcədən təyin olunmuş üç dəyərdən birini ehtiva edə bilən sürüşmə atributu istifadə olunur. Göstərildiyi təqdirdə, çərçivənin məzmunu onun hüdudlarına sığmadığı zaman sürüşmə çubuqları görünür. "Bəli" olduqda - zolaqlar ehtiyacından asılı olmayaraq hər zaman mövcud olacaqdır. "Xeyr" varsa - bu, bu çərçivə üçün sürüşmə çubuqlarına icazə verilməməsi deməkdir.
Addım 3
Əvvəlki iki addımda verilmiş məlumatlara əsasən probleminizi həll etmək üçün daha uyğun html kodunu hazırlamalısınız. Bundan sonra onu səhifənin mənbə koduna əlavə etmək qalır. Bunu etmək üçün saytınızın idarəetmə sisteminin səhifə redaktorundan istifadə edə bilərsiniz - içərisində istədiyiniz səhifəni açın, html kod düzəliş rejiminə keçin və kodunuzu səhifədəki istədiyiniz yerə yapışdırın. Alternativ olaraq, səhifə mənbə kodu faylını hosting idarəetmə fayl meneceri və ya məzmun idarəetmə sistemi tərəfindən yükləyə, mətn redaktorunda aça və kodu yapışdırın. Və sonra eyni şəkildə dəyişdirilmiş kodu yenidən serverə yükləyin.