Norėdami rodyti informaciją iš kelių šaltinių viename puslapyje, dažnai naudojamas HTML puslapių padalijimo mechanizmas. Žemiau pateikiamas kalbos konstrukcijų, įterpiančių rėmelius, aprašymas.
Būtinas
Pagrindinės žinios apie HTML
Nurodymai
1 žingsnis
„HyperText Markup Language“(HTML) pateikia dviejų tipų rėmelius. Plūduriuojantis yra lankstesnis ir lengviau įterpiamas į esamą puslapį. Apskritai konstrukcija, apibūdinanti lango rėmą, naudojant slankųjį rėmą, atrodo taip: Čia esamos svetainės pagrindinis puslapis nurodomas kaip šio rėmo duomenų šaltinis (src atributas). Jis bus atidarytas 400 x 300 taškų rėmeliu, kaip nurodyta pločio ir aukščio atributuose. Savo svetainės puslapį taip pat galite nurodyti atribute src. Šiuo atveju pakanka nurodyti santykinį adresą (tai yra adresą, palyginti su puslapiu, į kurį įterpiamas rėmelis): Šiame pavyzdyje rėmo plotis ir aukštis nenurodomi, tačiau yra ID atributo identifikatorius. Jį naudodami galite naudoti CSS () norėdami nustatyti reikiamus šio kadro matmenis:
#frameOne {plotis: 700px; aukštis: 200 taškų;}
2 žingsnis
Kito tipo rėmams - „klasikiniams“- reikalingas atskiras puslapis, kuriame bus rėmelių struktūros aprašymas. Patys rėmeliai bus atskiruose puslapiuose, gal net atskirose svetainėse. Tokio rėmelio sudėtinio rodinio puslapio HTML kodas gali atrodyti taip:
Negalima turėti jokių… ir… blokų, reikalingų įprastiems puslapiams. Šiame pavyzdyje konteinerio atidarymo žymoje yra eilutės atributas, o tai reiškia, kad puslapio erdvė turėtų būti padalinta vertikaliai, o viršutinė dalis bus skirta pirmajam rėmeliui. Jei eilutes pakeisite stulpeliais, padalijimas bus horizontalus. Šio atributo „*, *“vertė rodo, kad padalijimo proporcijos yra vienodos - po 50%. Jei nurodysite, pavyzdžiui, „20%, *“, tada pirmajam kadrui bus skirta tik 20%, o antrajai - likusi vieta. Vartotojas gali pakeisti šias proporcijas vilkdamas rėmelių kraštus su pelę, tačiau šį veiksmą galima išjungti. Norėdami tai padaryti, pridėkite noresize atributą prie konkretaus rėmo žymos. Taip pat galite nurodyti vertikalių ir horizontalių įtraukų dydį iš gretimo kadro (paraštės pločio ir paraštės aukščio atributus): Kiekvieno kadro slinkties juostoms galima nustatyti elgesio taisykles atskirai. Tam naudojamas slinkties atributas, kuriame gali būti viena iš trijų iš anksto nustatytų reikšmių. Jei nurodyta, slinkties juostos bus rodomos, kai rėmelio turinys netelpa jo ribose. Jei „taip“- juostelės bus visada, neatsižvelgiant į jų poreikį. Jei „ne“- tai reikš neleisti šio kadro slinkties juostų.
3 žingsnis
Remiantis informacija, pateikta dviem ankstesniais veiksmais, turite sukurti HTML kodą, kuris labiau tinka jūsų problemai išspręsti. Po to lieka tik įterpti jį į puslapio šaltinio kodą. Norėdami tai padaryti, galite naudoti savo svetainės valdymo sistemos puslapio redaktorių - atidarykite jame norimą puslapį, perjunkite į HTML kodo redagavimo režimą ir įklijuokite kodą norimoje puslapio vietoje. Arba galite atsisiųsti puslapio šaltinio kodo failą iš prieglobos valdymo failų tvarkyklės arba turinio valdymo sistemos, atidaryti jį teksto rengyklėje ir įklijuoti kodą. Tada tokiu pačiu būdu įkelkite pakeistą kodą atgal į serverį.
