html-ൽ ഫ്രെയിമുകൾ സംയോജിപ്പിക്കുന്നു. HTML-ലേക്ക് ഒരു iframe എങ്ങനെ ചേർക്കാം: ഉപയോഗത്തിൻ്റെ ഉദാഹരണം

ഒരു ബ്രൗസർ വിൻഡോയെ ഫ്രെയിമുകൾ, ചിലപ്പോൾ ഫ്രെയിമുകൾ എന്ന് വിളിക്കുന്ന ഭാഗങ്ങളായി വിഭജിക്കാം; നിങ്ങൾക്ക് അവരെ സിൽസ് എന്നും വിളിക്കാം. ബ്രൗസർ വിൻഡോയുടെ അത്തരം ഓരോ ഭാഗങ്ങളിലും, അതായത്. ഫ്രെയിം, ഒരു പ്രത്യേക HTML പ്രമാണം ലോഡ് ചെയ്യാൻ കഴിയും. മൂന്ന് ഫ്രെയിമുകളുള്ള ഒരു ബ്രൗസർ വിൻഡോയുടെ ഉദാഹരണം നോക്കാം.

ഈ സാഹചര്യത്തിൽ, വ്യക്തതയ്ക്കായി, ഓരോ ഫ്രെയിമും ലോഡ് ചെയ്യുന്നു ലളിതമായ HTMLഫ്രെയിം നമ്പറും അതിൻ്റെ ഉള്ളടക്കങ്ങൾ സംഭരിക്കുന്ന ഫയലിൻ്റെ പേരും നൽകുന്ന ഒരു പ്രമാണം. ഒരു യഥാർത്ഥ പ്രമാണം ഫ്രെയിമിലേക്ക് ലോഡുചെയ്‌തിട്ടുണ്ടെങ്കിൽ, അത് അതിൽ പൂർണ്ണമായും യോജിക്കുന്നില്ല, ഫ്രെയിമിന് (ശ്രദ്ധിക്കുക, മുഴുവൻ വിൻഡോയും അല്ല!) ഒരു ലംബമായ അല്ലെങ്കിൽ/അല്ലെങ്കിൽ തിരശ്ചീന വരകൾപ്രമാണത്തിലെ ഉള്ളടക്കങ്ങൾ തിരശ്ചീനമായും/അല്ലെങ്കിൽ ലംബമായും യോജിക്കുന്നില്ലേ എന്നതിനെ ആശ്രയിച്ച് സ്ക്രോളിംഗ്.
ഉദാഹരണത്തിന്, നിങ്ങളുടെ സൈറ്റിൻ്റെ രൂപകൽപ്പനയും ഘടനയും സൈറ്റിൻ്റെ എല്ലാ പേജുകളിലും ഒരേ ഘടകങ്ങൾ ആവർത്തിക്കുന്ന തരത്തിലാണ്: ശീർഷകം, നാവിഗേഷൻ മെനു, പേജിൻ്റെ അവസാനത്തെ വിലാസം അല്ലെങ്കിൽ സമാനമായ മറ്റ് ചില ഘടകങ്ങൾ. വിഭാഗങ്ങളുടെ ഉള്ളടക്കം മാത്രം മാറുന്നു. തുടർന്ന് പേജുകളെ ഭാഗങ്ങളായി വിഭജിക്കാം, അങ്ങനെ മാറ്റമില്ലാത്ത ഭാഗങ്ങൾ പ്രത്യേക ഫ്രെയിമുകളിൽ സ്ഥാപിക്കുകയും ഉള്ളടക്കം അതിൽ ലോഡ് ചെയ്യുന്നതിനായി മറ്റൊരു ഫ്രെയിം അനുവദിക്കുകയും ചെയ്യാം. ആവശ്യമുള്ള വിഭാഗംഉചിതമായ ലിങ്കിൽ ക്ലിക്ക് ചെയ്ത ശേഷം, ഉദാഹരണത്തിന് ഒരു മെനുവിൽ നിന്ന്.
സൈറ്റ് പേജുകളുടെ സമാന ഭാഗങ്ങൾ വീണ്ടും ലോഡുചെയ്യാത്തതിനാൽ, അവയ്ക്ക് അനുവദിച്ച ഫ്രെയിമുകളിൽ എല്ലായ്‌പ്പോഴും പ്രദർശിപ്പിച്ചിരിക്കുന്നതിനാൽ ഇത് ലോഡിംഗ് വേഗതയിൽ ലാഭിക്കുന്നു.

ഒരു ഫ്രെയിം ഘടന ഘടകം FRAMESET സൃഷ്ടിക്കുന്നു

വിൻഡോ ലേഔട്ടിൻ്റെ ഘടന ഒരു പ്രത്യേക HTML പ്രമാണത്തിൽ സംഭരിച്ചിരിക്കുന്നു, അതിനെ ഫ്രെയിം ചെയ്ത പ്രമാണം എന്ന് വിളിക്കുന്നു. ഒരു പ്രത്യേക FRAMESET ഘടകം ഉപയോഗിച്ചാണ് ഫ്രെയിം ഘടന രൂപപ്പെടുന്നത്. പതിവ് പ്രമാണംഒരു ഹെഡ് സെക്ഷനും ഒരു ബോഡി സെക്ഷനും ഉണ്ട്, അതേസമയം ഫ്രെയിമുകളുള്ള ഒരു ഡോക്യുമെൻ്റിൽ, ബോഡി വിഭാഗത്തിന് പകരം ഫ്രെയിമുകളുടെ ഘടനയുടെ വിവരണം നൽകുന്നു, അതായത്. ഫ്രെയിംസെറ്റ് വിഭാഗം.
ഫ്രെയിമുകളെ പിന്തുണയ്‌ക്കാത്ത ബ്രൗസറുകളിലോ ഫ്രെയിമുകളെ പിന്തുണയ്‌ക്കാത്ത ബ്രൗസറുകളിലോ പ്രദർശിപ്പിക്കുന്നതിന് ഇതര ഉള്ളടക്കമുള്ള FRAMESET വിഭാഗത്തിലേക്ക് ഒരു NOFRAME ഘടകം ചേർക്കാവുന്നതാണ്. അത്തരം ബ്രൗസറുകൾക്ക് ഫ്രെയിംസെറ്റ്, നോഫ്‌റേം ഘടനകൾ മനസ്സിലാകില്ല, പക്ഷേ അവയ്‌ക്കുള്ളിൽ സ്ഥാപിച്ചിരിക്കുന്ന വാചകം പ്രദർശിപ്പിക്കും.

ഫ്രെയിമുകളുള്ള ലളിതമായ പ്രമാണം</ТIТLЕ> </span> </HEAD> <FRAМESET > <span>... ഫ്രെയിം ഘടനയുടെ വിവരണം...</span> <NOFRAМES> <span>ഫ്രെയിമുകൾ പിന്തുണയ്ക്കാത്ത ബ്രൗസറുകൾക്കുള്ള ഇതര ഉള്ളടക്കം</span> </NOFRAМES> </FRAМESET> </HТМL> <p>ഡോക്യുമെൻ്റിൽ നിന്ന് ബോഡി വിഭാഗം പൂർണ്ണമായും നഷ്‌ടമായിരിക്കുന്നു, കൂടാതെ FRAMESET വിഭാഗത്തിൽ NOFRAMES ഘടകം അടങ്ങിയിരിക്കുന്നു. <br>ബ്രൗസർ വിൻഡോയെ ഭാഗങ്ങളായി വിഭജിച്ചാണ് ഫ്രെയിം ഘടന രൂപപ്പെടുന്നത് - വരികളും നിരകളും; ഒരു പരിധിവരെ ഇത് പട്ടികകൾ സൃഷ്ടിക്കുന്നതായി തോന്നുന്നില്ല. ഇത് ചെയ്യുന്നതിന്, FRAMESET ഘടകത്തിന് കോളുകളും വരികളും ആട്രിബ്യൂട്ടുകൾ ഉണ്ട്, അത് യഥാക്രമം നിരകളിലേക്കും വരികളിലേക്കും വിഭജനം വ്യക്തമാക്കുന്നു. <br>ഫ്രെയിം വലുപ്പങ്ങൾ സജ്ജമാക്കാൻ കഴിയുന്ന അളവെടുപ്പ് യൂണിറ്റുകൾ, പതിവുപോലെ, പിക്സലും ശതമാനവുമാണ്. ജാലകത്തിൻ്റെ ഒരു "ഭാഗം" എന്ന് ഏകദേശം വിളിക്കാവുന്ന, നമുക്ക് പുതിയ അളവിലുള്ള ഒരു യൂണിറ്റിൽ വലിപ്പം സജ്ജമാക്കാനുള്ള അവസരവുമുണ്ട്. കോമകളാൽ വേർതിരിക്കുന്ന അനുബന്ധ ഏരിയകളുടെ വലുപ്പങ്ങൾ പട്ടികപ്പെടുത്തിയാണ് കോളുകളുടെയും വരികളുടെയും ആട്രിബ്യൂട്ടുകളുടെ മൂല്യങ്ങൾ വ്യക്തമാക്കുന്നത്. സംയോജിപ്പിക്കാം <a href="https://redcomrade.ru/ml/ram/kak-sdelat-skrin-na-androide-v-raznyh-smartfonah-kak-sdelat/">വ്യത്യസ്ത വഴികൾ</a>നിയമനങ്ങൾ. ബ്രൗസർ വിൻഡോ വലുപ്പം 800x600 പിക്സൽ ആണെന്ന അനുമാനത്തെ അടിസ്ഥാനമാക്കി നമുക്ക് കുറച്ച് ഉദാഹരണങ്ങൾ നോക്കാം.</p> <FRAМESET rows= "50%, 50%"> </FRAМESET> <p>ഈ കോഡ് വിൻഡോയെ തിരശ്ചീനമായി തുല്യ ഉയരമുള്ള രണ്ട് ഫ്രെയിമുകളായി (വരികൾ) വിഭജിക്കും. നിങ്ങൾ cols="50%, 50%" ആട്രിബ്യൂട്ട് സജ്ജീകരിച്ചാൽ, നിങ്ങൾക്ക് തുല്യ വീതിയുള്ള രണ്ട് കോളങ്ങൾ ലഭിക്കും.</p> <span><FRAМESET cols= "120, 400. *"> </span> <span>. . . ഫ്രെയിം ഘടന നിർവചിക്കുന്നത് തുടരുന്നു. . .</span> </FRAМESET> <p>ഈ കോഡ് ഉപയോഗിച്ച്, നമുക്ക് ഫ്രെയിമുകളുടെ മൂന്ന് നിരകൾ ലഭിക്കും: ഇടത് ഒന്ന് 120 പിക്സൽ വീതിയും, മധ്യഭാഗം 400 പിക്സൽ വീതിയും, മൂന്നാമത്തെ നിരയിൽ ഈ മൂല്യം സൂചിപ്പിക്കുന്ന ആട്രിബ്യൂട്ടിലെ ആദ്യ രണ്ട് നിരകളിൽ നിന്ന് ശേഷിക്കുന്ന എല്ലാം അടങ്ങിയിരിക്കുന്നു; നക്ഷത്രചിഹ്നം "*".</p> <FRAМESET cols= "1*, 4*"> <span>. . . ഫ്രെയിം ഘടന നിർവചിക്കുന്നത് തുടരുന്നു. . .</span> </FRAМESET> <p>ഈ കോഡ് രണ്ട് ഫ്രെയിം കോളങ്ങൾ സൃഷ്ടിക്കും. ആദ്യത്തേതിൻ്റെ വീതി ഒന്നായി കണക്കാക്കുന്നു (ഇത് 1 * അല്ലെങ്കിൽ ലളിതമായി * എന്ന് സൂചിപ്പിച്ചിരിക്കുന്നു), രണ്ടാമത്തേതിൻ്റെ വീതി നാലിരട്ടി വലുതാണ്. അങ്ങനെ, ആദ്യത്തേതിൻ്റെ വീതി 20% ആയിരിക്കും, രണ്ടാമത്തെ വീതി ബ്രൗസർ വിൻഡോയുടെ മൊത്തം വീതിയുടെ 80% ആയിരിക്കും.</p> <span><FRAМESET cols= "100, 40%, *"> </span> <span>. . . ഫ്രെയിം ഘടന നിർവചിക്കുന്നത് തുടരുന്നു...</span> </FRAМESET> <p>മുകളിലുള്ള അളവ് അളവുകൾ വ്യക്തമാക്കുന്നതിനുള്ള മൂന്ന് രീതികളും സംയോജിപ്പിക്കുന്നു. ആദ്യ നിരയുടെ വീതി 100 പിക്സലുകൾ ആയിരിക്കും, രണ്ടാമത്തേതിന് ശേഷിക്കുന്ന വീതിയുടെ 40% (800 - 100 = 700) അനുവദിക്കും, മൂന്നാമത്തേത് ഒന്നും രണ്ടും നിരകൾ ഉൾക്കൊള്ളാത്തതെല്ലാം ആയിരിക്കും. <br>ഒരു ഫ്രെയിംസെറ്റ് വിഭാഗത്തിൽ നെസ്റ്റഡ് ഫ്രെയിംസെറ്റ് വിഭാഗങ്ങൾ അടങ്ങിയിരിക്കാം, ഇത് നിങ്ങളെ പൂർണ്ണമായും സൃഷ്ടിക്കാൻ അനുവദിക്കുന്നു <a href="https://redcomrade.ru/ml/power-supply/json-predstavlenie-format-json-chto-eto-takoe-kak-sozdat-i-otkryt-fail/">സങ്കീർണ്ണമായ ഘടന</a>ഫ്രെയിമുകൾ. നമുക്ക് വിൻഡോയെ ഇനിപ്പറയുന്ന രീതിയിൽ 4 ഫ്രെയിമുകളായി വിഭജിക്കണമെന്ന് പറയാം:</p> <p><img src='https://i2.wp.com/samsebewebmaster.ru/wp-content/uploads/2016/06/Fr-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>ആദ്യം നിങ്ങൾ ഇതുപോലുള്ള 2 നിരകൾ സംഘടിപ്പിക്കേണ്ടതുണ്ട്:</p>കോളുകൾ= "100, *" <p>തുടർന്ന് രണ്ടാമത്തെ നിരയെ ഇതുപോലെ മൂന്ന് വരികളായി വിഭജിക്കുക:</p>വരികൾ="80, *, 30" <p>ഒരു പ്രത്യേക ഫ്രെയിം, അല്ലെങ്കിൽ അതിൻ്റെ വിവരണം, FRAME ഘടകവും അതിൻ്റെ ആട്രിബ്യൂട്ടുകളും വ്യക്തമാക്കുന്നു: അതിനെക്കുറിച്ച് കുറച്ച് കഴിഞ്ഞ്. നമുക്ക് നെസ്റ്റഡ് FRAMESET ഘടകങ്ങളിലേക്ക് മടങ്ങാം. ഇതുപോലുള്ള ഒരു ഫ്രെയിം ഘടന സൃഷ്ടിക്കുന്ന ചില ഉദാഹരണ കോഡ് നോക്കാം:</p> <FRAМESET cols= "100, * "> <span> <FRAМE name= "framel" src= "framel.html"> </span> <span> <FRAМESET rows= "80, *, 30"> </span> <span> <FRAМE name= "frame2" src= "frame2.html"> </span> <span> <FRAМE name= "frame3" src= "frame3.html"> </span> <span> <FRAМE name= "frame4" src= "frame4.html"> </span> </FRAМESET> </FRAМESET> <p>ഒരു വിൻഡോ എങ്ങനെ ഫ്രെയിമുകളായി വിഭജിക്കപ്പെടുന്നുവെന്ന് ഞങ്ങൾ കണ്ടെത്തിയതായി തോന്നുന്നു. ഫ്രെയിമുകൾ സൃഷ്ടിക്കുമ്പോൾ, ഫ്രെയിമുകൾ തമ്മിലുള്ള അതിർത്തി ദൃശ്യമാകുന്നില്ലെന്ന് നിങ്ങൾക്ക് ഉറപ്പാക്കാം. നിങ്ങൾ ഇതിനകം ഊഹിച്ചതുപോലെ, ബോർഡർ ആട്രിബ്യൂട്ട് ഉപയോഗിച്ചാണ് ഇത് ചെയ്യുന്നത്, അതിൻ്റെ മൂല്യം പൂജ്യമായിരിക്കണം. എന്നാൽ ഫ്രെയിമുകൾക്ക് ഈ ആട്രിബ്യൂട്ട് ഗ്രഹിക്കുന്നില്ല എന്നതാണ് വസ്തുത <a href="https://redcomrade.ru/ml/processors/skachat-ustanovlennuyu-versiyu-internet-explorer-obnovlyaem-brauzer-internet-explorer-do/">ഇൻ്റർനെറ്റ് ബ്രൗസർ</a>എക്സ്പ്ലോറർ, എന്നാൽ നെറ്റ്സ്കേപ്പ് നാവിഗേറ്റർ ബ്രൗസർ പിന്തുണയ്ക്കുന്നു. ഇൻ്റർനെറ്റ് എക്‌സ്‌പ്ലോററിനായി, ഫ്രെയിംബോർഡർ ആട്രിബ്യൂട്ടാണ് ഫ്രെയിമുകൾക്കിടയിലുള്ള ബോർഡർ വ്യക്തമാക്കിയിരിക്കുന്നത്, ഇത് നെറ്റ്‌സ്‌കേപ്പ് നാവിഗേറ്റർ ബ്രൗസർ പിന്തുണയ്‌ക്കുന്നില്ല. ചോദിക്കേണ്ടത് അത്യാവശ്യമാണെന്ന് ഇത് മാറുന്നു <a href="https://redcomrade.ru/ml/graphics-card/avtozapolnenie-yacheek-v-excel-ne-rabotaet-avtozapolnenie-form-kak-v-excel-zapolnit/">ഒരേ മൂല്യങ്ങൾ</a>രണ്ട് ആട്രിബ്യൂട്ടുകൾക്കും, അതുവഴി രണ്ട് ബ്രൗസറുകളും HTML കോഡ് ഒരുപോലെയും ഫ്രെയിമുകൾക്കിടയിലുള്ള ബോർഡറുകളുടെ കനം ഒരുപോലെയുമാണ്. <br>ബോർഡറുകളുടെ കനം അല്ലെങ്കിൽ, മറ്റൊരു രീതിയിൽ പറഞ്ഞാൽ, ഫ്രെയിംസ്‌പേസിംഗ് ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ഫ്രെയിമുകൾ തമ്മിലുള്ള ദൂരം ക്രമീകരിക്കാനും കഴിയും, അതിൻ്റെ മൂല്യം പിക്സലുകളിൽ വ്യക്തമാക്കിയിരിക്കുന്നു. FRAMESET ഘടകത്തിൻ്റെ എല്ലാ ആട്രിബ്യൂട്ടുകളും പട്ടികയിൽ കാണിച്ചിരിക്കുന്നു.</p> <h2>എലമെൻ്റ് ആട്രിബ്യൂട്ടുകൾ <FRAMESEТ></h2> <table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%"> <h3>ആട്രിബ്യൂട്ട്</h3> </td> <td bgcolor="#E7E7E7" width="60%"> <h3>വിവരണം</h3> </td> <td bgcolor="#E7E7E7" width="20%"> <h3>ഉദാഹരണം</h3> </td> </tr></tbody></table><table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%">വരികൾ</td> <td bgcolor="#E7E7E7" width="60%">ബ്രൗസർ വിൻഡോയിലെ തിരശ്ചീന ഫ്രെയിമുകളുടെ (ലൈൻ ഫ്രെയിമുകൾ) എണ്ണവും വലുപ്പവും നിർവചിക്കുന്നു. ഫ്രെയിമിൻ്റെ വലുപ്പങ്ങളുടെ കോമയാൽ വേർതിരിച്ച ലിസ്റ്റാണ് മൂല്യം. അളവുകൾ ക്രമീകരിക്കുന്നതിനുള്ള രീതികൾ: <p>a) ഉയരത്തിൻ്റെ ശതമാനമായി <a href="https://redcomrade.ru/ml/processors/interaktivnye-veb-uzly-obshchie-svedeniya-ob-uzlah-rabochih-oblastyah-i/">ജോലി ഏരിയ</a>ഉദാഹരണത്തിന് ബ്രൗസർ വിൻഡോ: "30%, 30%, 40%" ;</p> <p>b) "*" ചിഹ്നത്തിൻ്റെ രൂപത്തിൽ (നക്ഷത്രചിഹ്നം), ഫ്രെയിം എല്ലാം ഉൾക്കൊള്ളുന്നുവെന്ന് സൂചിപ്പിക്കുന്നു <a href="https://redcomrade.ru/ml/motherboard/chto-delat-esli-noutbuk-medlenno-vklyuchaetsya-trebuetsya-chistka/">സ്വതന്ത്ര സ്ഥലം</a>ബ്രൗസർ വിൻഡോ, വ്യക്തമായ മറ്റ് ഫ്രെയിമുകൾ ഉപയോഗിക്കാത്തത് <a href="https://redcomrade.ru/ml/windows-8/kak-ukazat-razmer-izobrazheniya-v-css-kak-izmenyat-razmery-izobrazheniya-v-css/">നിർദ്ദിഷ്ട വലുപ്പങ്ങൾ</a>ഉദാഹരണത്തിന്, "25%, 25%, *" എന്ന എൻട്രിയിലെ ഒരു നക്ഷത്രചിഹ്നം 50% ന് തുല്യമാണ്;</p> <p>c) ഉദാഹരണത്തിന് പിക്സലുകളിൽ: "75, *" .</p> <p>മൂന്ന് രീതികളും സംയോജിപ്പിക്കാം.</p> </td> <td bgcolor="#E7E7E7" width="20%">വരികൾ= "25%, 25%, *"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">കോളുകൾ</td> <td bgcolor="#E7E7E7" width="60%">ബ്രൗസർ വിൻഡോയിലെ ലംബ ഫ്രെയിമുകളുടെ (നിര ഫ്രെയിമുകൾ) എണ്ണവും വലുപ്പവും നിർണ്ണയിക്കുന്നു. ഒരു മൂല്യമായി <br>ഫ്രെയിം വലുപ്പങ്ങളുടെ ഒരു കോമയാൽ വേർതിരിച്ച ലിസ്റ്റ് വ്യക്തമാക്കിയിരിക്കുന്നു. മുൻ ROWS പരാമീറ്ററിലെ അതേ രീതിയിൽ അളവുകൾ സജ്ജീകരിച്ചിരിക്കുന്നു.</td> <td bgcolor="#E7E7E7" width="20%">കോളുകൾ= "265, *"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">അതിർത്തി</td> <td bgcolor="#E7E7E7" width="60%">ഫ്രെയിം ബോർഡറുകളുടെ വീതി പിക്സലുകളിൽ വ്യക്തമാക്കുന്നു. നെറ്റ്‌സ്‌കേപ്പ് ബ്രൗസറുകളിൽ മാത്രമേ ഈ ഓപ്ഷൻ പ്രവർത്തിക്കൂ.</td> <td bgcolor="#E7E7E7" width="20%">ബോർഡർ="0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">ഫ്രെയിംബോർഡർ</td> <td bgcolor="#E7E7E7" width="60%">ഈ പരാമീറ്റർ Internet Explorer ബ്രൗസറുകളിൽ മാത്രമേ സാധുതയുള്ളൂ, FRAMESET ഘടകത്തിൽ അടങ്ങിയിരിക്കുന്ന ഫ്രെയിമുകൾക്കുള്ള ഫ്രെയിമുകളുടെ സാന്നിധ്യം നിർണ്ണയിക്കുന്നു. സാധ്യമായ മൂല്യങ്ങൾ: അതെ ഡിസ്പ്ലേ ഫ്രെയിമുകൾ; ഇല്ല അല്ലെങ്കിൽ 0 ഫ്രെയിമുകൾ പ്രദർശിപ്പിക്കരുത്.</td> <td bgcolor="#E7E7E7" width="20%">ഫ്രെയിംബോർഡർ="0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">ഫ്രെയിംസ്പേസിംഗ്</td> <td bgcolor="#E7E7E7" width="60%">പിക്സലുകളിൽ ഫ്രെയിമുകൾ തമ്മിലുള്ള ദൂരം ("ഗ്രേ ഏരിയ" എന്ന് വിളിക്കപ്പെടുന്നവ) നിർവചിക്കുന്നു. അതിരുകളില്ലാത്ത ഫ്രെയിമുകൾ സൃഷ്ടിക്കുന്നതിനും ഈ ഓപ്ഷൻ ആവശ്യമാണ്.</td> <td bgcolor="#E7E7E7" width="20%">ഫ്രെയിംസ്പേസിംഗ്= "0"</td> </tr></tbody></table><p>ഇനി നമുക്ക് FRAME ഘടകത്തിലേക്ക് മടങ്ങാം, അത് മുഴുവൻ ഘടനയിലും ഒരൊറ്റ ഫ്രെയിം വിവരിക്കുന്നു. ഇതിന് ആവശ്യമായ ഒരു പരാമീറ്റർ src ആട്രിബ്യൂട്ട് ആണ്, ഇത് ഈ ഫ്രെയിമിൽ പ്രദർശിപ്പിക്കേണ്ട പ്രമാണത്തിൻ്റെയോ ചിത്രത്തിൻ്റെയോ HTML URL വ്യക്തമാക്കുന്നു. നെയിം ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ഫ്രെയിമിന് ഒരു പേര് നൽകുന്നതും നല്ലതാണ്. ഇത് ഉപയോഗിക്കാൻ നിങ്ങളെ അനുവദിക്കും <a href="https://redcomrade.ru/ml/multimedia/ishchu-druzei-v-kontakte-vkontakte-poisk-lyudei-po-imeni-familii-i-drugim/">പേരിന്റെ ആദ്യഭാഗം</a>ഒരു മൂല്യമായി <a href="https://redcomrade.ru/ml/ram/chto-takoe-ssylka-i-kak-sdelat-giperssylku-v-html-giperssylka/">ടാർഗെറ്റ് ആട്രിബ്യൂട്ട്</a>ഘടകം എയും ലിങ്ക് ഏത് ഫ്രെയിമിലേക്കാണ് ലോഡ് ചെയ്യേണ്ടതെന്ന് നിയന്ത്രിക്കുക. ഫ്രെയിമിൻ്റെ പേരുകൾ അക്കങ്ങളിൽ തുടങ്ങാൻ പാടില്ല;</p> <p>ഒരു ഫ്രെയിം ഘടന ഫ്രെയിമുകൾക്കിടയിലുള്ള അതിർത്തി നിർവചിക്കാത്തപ്പോൾ, അവയുടെ ഉള്ളടക്കങ്ങൾ പരസ്പരം വളരെ ദൃഢമായി ചേർന്നിരിക്കാം, അത് വളരെ മനോഹരമായി കാണപ്പെടില്ല. ഫ്രെയിമുകളുടെ ഉള്ളടക്കം വിപുലീകരിക്കാനും അവയ്ക്കിടയിലുള്ള അതിരുകളുടെ പ്രദർശനം ഉൾപ്പെടുത്താതിരിക്കാനും നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ഫ്രെയിമുകൾക്കുള്ളിൽ ഇൻഡൻ്റുകൾ സജ്ജീകരിച്ചുകൊണ്ട് ഇത് ചെയ്യാൻ കഴിയും. ഈ ഇൻഡൻ്റുകളുടെ വലുപ്പം പിക്സലുകളിലും ജോഡികളായും സജ്ജീകരിച്ചിരിക്കുന്നു: മാർജിൻഹൈറ്റ് ആട്രിബ്യൂട്ടുള്ള മുകളിലും താഴെയുമുള്ള ഇൻഡൻ്റുകൾക്ക്, <br>മാർജിൻവിഡ്ത്ത് ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് വലത്തോട്ടും ഇടത്തോട്ടും ഉള്ള ഇൻഡൻ്റുകൾക്ക്. അപ്പോൾ അടുത്തുള്ള ഫ്രെയിമുകളുടെ ഉള്ളടക്കങ്ങൾ തമ്മിലുള്ള ദൂരം ഈ ഫ്രെയിമുകളുടെ അനുബന്ധ ഇൻഡൻ്റുകളുടെ ആകെത്തുകയ്ക്ക് തുല്യമായിരിക്കും.</p> <p>ഒരു ഫ്രെയിം ഒരു പ്രത്യേക ഫ്രെയിമിന് ചുറ്റും ഒരു ബോർഡർ പ്രദർശിപ്പിക്കണമോ എന്നത് അതിൻ്റെ ഫ്രെയിംബോർഡർ ആട്രിബ്യൂട്ട് അനുസരിച്ചാണ് നിർണ്ണയിക്കുന്നത്. അതെ (അല്ലെങ്കിൽ 1) എന്ന മൂല്യം ഒരു ബോർഡർ ഉണ്ടായിരിക്കണമെന്ന് സൂചിപ്പിക്കുന്നു, മൂല്യം നമ്പർ (അല്ലെങ്കിൽ 0) ഒരു ബോർഡർ ഉണ്ടാകരുതെന്ന് സൂചിപ്പിക്കുന്നു. <br>സൃഷ്‌ടിച്ച ഫ്രെയിമുകളുടെ വലുപ്പം മാറ്റാൻ ഉപയോക്താവിന് കഴിയും <a href="https://redcomrade.ru/ml/the-winchesters/chto-takoe-html-struktura-dokumenta-html-chto-takoe-html-i-dlya-chego-on-prednaznachen/">HTML പ്രമാണം</a>. ഇത് ചെയ്യുന്നതിന്, മൗസ് കഴ്സർ ഫ്രെയിമുകളുടെ ബോർഡറിലേക്ക് നീക്കുക (ഈ ബോർഡറുകൾ ദൃശ്യമാണോ അല്ലയോ എന്നത് പ്രശ്നമല്ല) സ്റ്റാൻഡേർഡ് ഉപയോഗിക്കുക <a href="https://redcomrade.ru/ml/other/ponyatie-operacionnoi-sistemy-interfeis-operacionnoi-sistemy-evolyuciya/">ഓപ്പറേറ്റിംഗ് സിസ്റ്റം</a>വിൻഡോ വലുപ്പം മാറ്റാനുള്ള വഴി. <br>IN <a href="https://redcomrade.ru/ml/internet/kak-narisovat-kursor-myshi-sohranyaem-izobrazhenie-v-formate/">വിൻഡോസ് കഴ്സർ</a>മൗസ് ബട്ടൺ ഇരട്ട തലയുള്ള കറുത്ത അമ്പടയാളമായി ദൃശ്യമാകും. ക്ലിക്ക് ചെയ്യുന്നു <a href="https://redcomrade.ru/ml/case/chto-delat-esli-ne-rabotaet-levaya-knopka-myshi-ne-rabotaet-myshka-kak-pochinit/">ഇടത് ബട്ടൺ</a>മൗസ്, നിങ്ങൾക്ക് വിൻഡോ ബോർഡർ നീക്കാൻ കഴിയും. ഫ്രെയിമും ഒരു വിൻഡോ ആയതിനാൽ നിങ്ങൾക്ക് ഫ്രെയിമിൻ്റെ വലുപ്പം മാറ്റാൻ കഴിയും. നിങ്ങളുടെ ഫ്രെയിമുകളുടെ വലുപ്പങ്ങൾ നിങ്ങൾ കണക്കാക്കുകയും ഉപയോക്താവ് അവ മാറ്റാൻ ആഗ്രഹിക്കുന്നില്ലെങ്കിൽ, noresize ആട്രിബ്യൂട്ട് സജ്ജമാക്കുക. തൽഫലമായി, വലുപ്പം മാറ്റുന്നത് നിരോധിക്കും. <br>ഞങ്ങൾ നേരത്തെ പറഞ്ഞതുപോലെ, ഒരു ഫ്രെയിമിലെ ഉള്ളടക്കങ്ങൾ അതിൻ്റെ നിർദ്ദിഷ്ട അതിരുകൾക്കുള്ളിൽ പൂർണ്ണമായും യോജിക്കുന്നില്ലെങ്കിൽ സ്ക്രോൾബാറുകൾ ദൃശ്യമാകും. സ്ക്രോൾ ബാറുകളുടെ സാന്നിധ്യം നിയന്ത്രിക്കുന്നത് സ്ക്രോളിംഗ് ആട്രിബ്യൂട്ട് ആണ്. അനുവദനീയമായ മൂന്ന് മൂല്യങ്ങൾ അതെ, ഇല്ല, സ്വയമേവ എന്നിവയാണ്. <br>യാന്ത്രിക മൂല്യം പൊരുത്തപ്പെടുന്നു <a href="https://redcomrade.ru/ml/multimedia/chasto-poyavlyaetsya-sinii-ekran-smerti-chto-delat-pri-poyavlenii-sinego/">യാന്ത്രിക രൂപം</a>അത് ശരിക്കും ആവശ്യമുള്ള സന്ദർഭങ്ങളിൽ സ്ക്രോൾ ബാറുകൾ. ഉള്ളടക്കം എങ്ങനെയായാലും ദൃശ്യമാണെങ്കിൽ, സ്ക്രോൾ ബാറുകൾ ഇല്ല, ഉള്ളടക്കത്തിൻ്റെ ഒരു ഭാഗം അനുയോജ്യമല്ലെങ്കിൽ, ആവശ്യമായ സ്ക്രോൾ ബാർ ദൃശ്യമാകും. <br>yes എന്ന മൂല്യം രണ്ട് സ്ക്രോൾ ബാറുകളും ആവശ്യമാണെങ്കിലും ഇല്ലെങ്കിലും പ്രാപ്തമാക്കുന്നു. ചിലപ്പോൾ അത് വളരെ മനോഹരമായി കാണപ്പെടണമെന്നില്ല. <br>സ്ക്രോൾബാറുകൾ കാണിക്കുന്നതിൽ നിന്ന് മൂല്യം no തടയുന്നു. ഈ മൂല്യത്തിൽ ശ്രദ്ധാലുവായിരിക്കുക, കാരണം ഇത് വ്യക്തമാക്കുന്നത്, ഫ്രെയിമിനുള്ളിൽ പൂർണ്ണമായി യോജിക്കാത്തപ്പോൾ ഫ്രെയിമിൻ്റെ മുഴുവൻ ഉള്ളടക്കങ്ങളും കാണുന്നതിൽ നിന്ന് ഉപയോക്താവിനെ തടഞ്ഞേക്കാം. FRAME ഘടകത്തിൻ്റെ എല്ലാ ആട്രിബ്യൂട്ടുകളും പട്ടികയിൽ കാണിച്ചിരിക്കുന്നു.</p> <h2>എലമെൻ്റ് ആട്രിബ്യൂട്ടുകൾ <FRAME></h2> <table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%"> <h3>ആട്രിബ്യൂട്ട്</h3> </td> <td bgcolor="#E7E7E7" width="60%"> <h3>വിവരണം</h3> </td> <td bgcolor="#E7E7E7" width="20%"> <h3>ഉദാഹരണം</h3> </td> </tr></tbody></table><table cellspacing="1" cellpadding="15"><tbody><tr><td bgcolor="#E7E7E7" width="20%">src</td> <td bgcolor="#E7E7E7" width="60%">ആവശ്യമായ പാരാമീറ്റർ. HTL വിലാസം വ്യക്തമാക്കുന്നു (URL) <br>ഈ ഫ്രെയിമിൽ ഫയൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു</td> <td bgcolor="#E7E7E7" width="20%">src="frame2.html"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">പേര്</td> <td bgcolor="#E7E7E7" width="60%">ഈ ഫ്രെയിമിൻ്റെ പേര് നിർവചിക്കുന്നു, ഇത് പിന്നീട് ടാർഗെറ്റ് ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് മറ്റ് പ്രമാണങ്ങളിൽ നിന്ന് റഫർ ചെയ്യാൻ ഉപയോഗിക്കും (ഘടകം എ കാണുക). ലാറ്റിൻ അക്ഷരങ്ങളും അക്കങ്ങളും ഉപയോഗിച്ച് സ്‌പെയ്‌സുകളില്ലാത്ത ഏതെങ്കിലും പേരായിരിക്കണം മൂല്യം <br>(പ്രാരംഭ പ്രതീകങ്ങൾ അക്ഷരങ്ങൾ മാത്രമായിരിക്കും <a href="https://redcomrade.ru/ml/monitors/konverter-s-kirillicy-na-latinskii-alfavit-perevod-russkih/">ലാറ്റിൻ അക്ഷരമാല</a>: a-z, A-Z). പേര് അക്കങ്ങളിൽ തുടങ്ങാൻ പാടില്ല <a href="https://redcomrade.ru/ml/internet/kak-delat-simvoly-na-klaviature-specialnye-simvoly-na-klaviature/">പ്രത്യേക പ്രതീകങ്ങൾ</a>. <a href="https://redcomrade.ru/ml/more/zarezervirovannye-imena-metodov-java-imena-i-zarezervirovannye-slova-v/">സംവരണം ചെയ്ത പേരുകൾ</a>ഫ്രെയിമുകൾ ഒരു അടിവരയോടുകൂടിയാണ് ആരംഭിക്കുന്നത്.</td> <td bgcolor="#E7E7E7" width="20%">പേര്="മെനു1"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">മാർജിൻവിഡ്ത്ത്</td> <td bgcolor="#E7E7E7" width="60%">ഫ്രെയിമിൻ്റെ ഇടത്, വലത് അരികുകളുടെ വീതി (പിക്സലിൽ) വ്യക്തമാക്കുന്നു. പരാമീറ്റർ വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, ബ്രൗസർ യാന്ത്രികമായി നിർണ്ണയിക്കും <a href="https://redcomrade.ru/ml/multimedia/izmenenie-mtu-chto-takoe-mtu-kak-naiti-optimalnyi-razmer-mtu-dlya/">ഒപ്റ്റിമൽ വലിപ്പം</a>ഇൻഡൻ്റേഷൻ.</td> <td bgcolor="#E7E7E7" width="20%">മാർജിൻവിഡ്ത്ത്="0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">മാർജിൻഹൈറ്റ്</td> <td bgcolor="#E7E7E7" width="60%">ഫ്രെയിമിൻ്റെ മുകളിലും താഴെയുമുള്ള മാർജിനുകളുടെ വീതി (പിക്സലിൽ) വ്യക്തമാക്കുന്നു. പരാമീറ്റർ വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, ബ്രൗസർ സ്വയമേവ ഒപ്റ്റിമൽ ഇൻഡൻ്റേഷൻ വലുപ്പം നിർണ്ണയിക്കും.</td> <td bgcolor="#E7E7E7" width="20%">മാർജിൻഹൈറ്റ്="0"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">സ്ക്രോളിംഗ്</td> <td bgcolor="#E7E7E7" width="60%">ഫ്രെയിമിലെ ഉള്ളടക്കങ്ങൾക്ക് സ്ക്രോൾ ബാറുകൾ ഉണ്ടോ എന്ന് നിർണ്ണയിക്കുന്നു. സാധ്യമായ മൂല്യങ്ങൾ: <br>അതെ - സ്ക്രോൾ ബാറുകൾ പ്രദർശിപ്പിക്കുക; <br>ഇല്ല-സ്ക്രോൾ ബാറുകൾ പ്രദർശിപ്പിക്കരുത്; <br>യാന്ത്രിക - ആവശ്യമെങ്കിൽ സ്ക്രോൾ ബാറുകൾ പ്രദർശിപ്പിക്കുക (എസ്ആർസി പാരാമീറ്ററിൽ വ്യക്തമാക്കിയ പ്രമാണം ഫ്രെയിമിൽ യോജിക്കുന്നില്ലെങ്കിൽ)</td> <td bgcolor="#E7E7E7" width="20%">സ്ക്രോളിംഗ്= "ഓട്ടോ"</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">noresize</td> <td bgcolor="#E7E7E7" width="60%">ഫ്രെയിം വലുപ്പം മാറ്റാൻ അനുവദിക്കുന്നില്ല. ഈ പരാമീറ്റർ ഒരു ഫ്ലാഗ് ആണ്, അതിന് ഒരു മൂല്യം ആവശ്യമില്ല.</td> <td bgcolor="#E7E7E7" width="20%">noresize</td> </tr><tr><td bgcolor="#E7E7E7" width="20%">ഫ്രെയിംബോർഡർ</td> <td bgcolor="#E7E7E7" width="60%">ഒരു ഫ്രെയിമിന് അതിരുകളുണ്ടോ എന്ന് നിർണ്ണയിക്കുന്നു. സാധ്യമായ മൂല്യങ്ങൾ: <br>അതെ അല്ലെങ്കിൽ 1 - ഡിസ്പ്ലേ ഫ്രെയിമുകൾ; <br>ഇല്ല അല്ലെങ്കിൽ 0-ഫ്രെയിമുകൾ പ്രദർശിപ്പിക്കരുത്.</td> <td bgcolor="#E7E7E7" width="20%">ഫ്രെയിംബോർഡർ= "0"</td> </tr></tbody></table> <p><i> </i> 07.12.2015</p> <p>ഇനിയും ഇല്ല</p> <br><p>എല്ലാവർക്കും ഹായ്! <br>ഞങ്ങൾ ഉത്സാഹത്തോടെ പഠനം തുടരുന്നു <a href="https://redcomrade.ru/ml/windows-8/izuchit-yazyk-razmetki-html-osnovy-html-dlya-nachinayushchih-zagolovki-stranicy-h1-h2/">HTML അടിസ്ഥാനങ്ങൾ</a>. നിങ്ങളുടെ പാഠങ്ങൾ ഉപേക്ഷിക്കാത്തതിൽ എനിക്ക് സന്തോഷമുണ്ട്.</p> <p>ഈ പാഠത്തിൽ നമ്മൾ നോക്കും <b>എന്താണ് ഫ്രെയിമുകൾ</b>അവ എങ്ങനെ HTML-ൽ സൃഷ്ടിക്കപ്പെടുന്നു എന്നതും. <br>അതിനാൽ, HTML-ൽ എന്തൊക്കെ ഫ്രെയിമുകളാണ് ഉള്ളതെന്ന് നമുക്ക് നിർവചിക്കാം. <br><b>ഫ്രെയിമുകൾ</b>- ഇത് ബ്രൗസർ വിൻഡോയെ ലോഡുചെയ്യാൻ കഴിയുന്ന പ്രത്യേക മേഖലകളായി വിഭജിക്കലാണ് <a href="https://redcomrade.ru/ml/security/php-udalenie-html-tegov-php-kak-ubrat-html-tegi-iz-teksta-udalenie/">പ്രത്യേക HTML</a>പ്രമാണങ്ങൾ.</p> <p>ഫ്രെയിമുകൾക്ക് നന്ദി, നിങ്ങൾക്ക് ഒരു ബ്രൗസർ വിൻഡോയിൽ ഒരേസമയം നിരവധി വെബ് പേജുകൾ കാണാൻ കഴിയുമെന്ന് നിങ്ങൾ മനസ്സിലാക്കുന്നുവെന്ന് ഞാൻ കരുതുന്നു.</p> <p>ഒരു ഉദാഹരണമായി, ഫ്രെയിം പ്രായോഗികമായി എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് മനസിലാക്കാൻ, ഒരു ഉദാഹരണം നോക്കാൻ ഞാൻ നിർദ്ദേശിക്കുന്നു. അവിടെ കുറച്ച് പരിവർത്തനങ്ങൾ നടത്തുക:</p> <p>ശരി, നിങ്ങൾക്കത് എങ്ങനെ ഇഷ്ടമാണ്? ഇത് എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പഠിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ? ഇപ്പോൾ നമ്മൾ പഠിക്കും <b>html പ്രമാണത്തിലേക്ക് ഫ്രെയിമുകൾ ചേർക്കുക</b>.</p> <p>ഇനിപ്പറയുന്ന ലേഔട്ട് ഉപയോഗിച്ച് ഒരു വെബ് പേജിൽ ഒരു ഫ്രെയിം സൃഷ്ടിച്ചിരിക്കുന്നു:</p><p> <frameset> <frame> <frame> </frameset> </p><blockquote><p><b>ശ്രദ്ധ:</b>ടാഗിന് പകരം ഫ്രെയിം കോഡ് ലേഔട്ട് html ഡോക്യുമെൻ്റിൽ ചേർത്തിരിക്കുന്നു <bode><script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> :</p> </blockquote> <html> <head> <title>ഫ്രെയിമുകൾ

ഫ്രെയിംസെറ്റ് ടാഗ്

ഒരു ഫ്രെയിം സൃഷ്ടിക്കുന്നതിനുള്ള പ്രധാന കണ്ടെയ്നർ ഇതാണ്, അതിൽ മറ്റ് ഘടകങ്ങൾ അടങ്ങിയിരിക്കുന്നു.
ക്ലോസിംഗ് ടാഗ് ആവശ്യമാണ്.

*ഫ്രെയിംസെറ്റ് ടാഗിൻ്റെ ആട്രിബ്യൂട്ടുകൾ:

  • കോളുകൾ - ലംബം
  • വരികൾ - തിരശ്ചീനമായി

വരികൾ- തിരശ്ചീനമായി

കോളുകൾ- ലംബമായി

ബ്രൗസർ വിൻഡോയെ എത്ര ഭാഗങ്ങളായി വിഭജിക്കണമെന്ന് കോളുകളും വരികളും ആട്രിബ്യൂട്ടുകൾ സൂചിപ്പിക്കുന്നു. ഉദാഹരണത്തിന്, ബ്രൗസർ വിൻഡോയെ രണ്ട് ലംബ ഭാഗങ്ങളായി വിഭജിക്കാൻ, നിങ്ങൾ ഇതുപോലെ എഴുതേണ്ടതുണ്ട്:

സ്‌ക്രീനിൻ്റെ ഇടതുവശം 30% വലിപ്പവും വലതുഭാഗം 70%ഉം ആയിരിക്കും.

നിങ്ങൾക്ക് ബ്രൗസറിനെ കൂടുതൽ ഭാഗങ്ങളായി വിഭജിക്കണമെങ്കിൽ, കോമകളാൽ വേർതിരിച്ച് ചേർക്കുക അധിക വലുപ്പങ്ങൾ, ഉദാഹരണത്തിന്, ഇതുപോലെ:

തൽഫലമായി, ആദ്യത്തേത് ലംബ നിര 30% വീതിയുണ്ടാകും, രണ്ടാമത്തേത് - 20%, മൂന്നാമത്തേത് - 10%, നാലാമത്തേത് - 40%.

മനസ്സിലായി?

തിരശ്ചീന ലേഔട്ടിനും ഇതുതന്നെ പോകുന്നു:

ആദ്യത്തെ തിരശ്ചീന നിര 30% വീതിയും, രണ്ടാമത്തേത് - 20%, മൂന്നാമത്തേത് - 10%, നാലാമത്തേത് - 40% ആയിരിക്കും.

ഫ്രെയിം ടാഗ്

ബ്രൗസർ വിൻഡോയിൽ ഏത് HTML പ്രമാണമാണ് ലോഡ് ചെയ്യേണ്ടതെന്ന് ഫ്രെയിം ടാഗ് വ്യക്തമാക്കുന്നു.
ഉദാഹരണത്തിന്, നമുക്ക് മൂന്ന് ലോഡ് ചെയ്യണം വ്യത്യസ്ത പേജുകൾ"1.html", "2.html", "3.html". ഫ്രെയിം ടാഗ് ഇതുപോലെ കാണപ്പെടും:

ഫ്രെയിമുകളെക്കുറിച്ചുള്ള അറിവ് സംഗ്രഹിക്കാം. അതിനാൽ, ചുമതല: നിങ്ങൾ ബ്രൗസർ വിൻഡോയെ രണ്ട് ഭാഗങ്ങളായി വിഭജിച്ച് രണ്ട് വെബ് പേജുകൾ ഈ ഭാഗങ്ങളിലേക്ക് ലോഡ് ചെയ്യണം - “1.html” 30%, “2.html” 70%.
പൂർത്തിയായ കോഡ് ഇതാ:

ഫലം ഇതുപോലെയായിരിക്കും:

* ഫ്രെയിം ടാഗ് ആട്രിബ്യൂട്ടുകൾ

  • src - വെബ് പേജ് വിലാസം. src="1.html" ;
  • മാർജിൻവിഡ്ത്ത് - വീതിയിൽ ഫ്രെയിമിനുള്ളിലെ മാർജിൻ. ഉദാഹരണം: മാർജിൻവിഡ്ത്ത്="10" ;
  • മാർജിൻഹൈറ്റ് - ഫ്രെയിമിനുള്ളിലെ ഉയരം മാർജിൻ. ഉദാഹരണം: മാർജിൻഹൈറ്റ്="10" ;
  • സ്ക്രോളിംഗ് - സ്ക്രോളിലൂടെ ഫ്രെയിം സ്ക്രോൾ ചെയ്യുന്നു.
    - അതെ - സ്ക്രോൾ ഫ്രെയിമിൽ ഉണ്ടായിരിക്കും. ഉദാഹരണം: സ്ക്രോളിംഗ്="അതെ" ;
    - ഇല്ല - ഫ്രെയിമിൽ സ്ക്രോൾ ഉണ്ടാകില്ല. ഉദാഹരണം: സ്ക്രോളിംഗ്="ഇല്ല" ;
    - ഓട്ടോ - ആവശ്യമെങ്കിൽ ഫ്രെയിമിൽ സ്ക്രോൾ ഉണ്ടാകും. ഉദാഹരണം: സ്ക്രോളിംഗ്="ഓട്ടോ" ;
  • noresize - ഫ്രെയിം ബോർഡറുകൾ നീക്കുന്നത് നിരോധിക്കുന്നു.
  • പേര് - ഫ്രെയിം നാമം. ഏത് വിൻഡോയിലാണ് മറ്റ് ഫ്രെയിമുകൾ തുറക്കേണ്ടതെന്ന് വ്യക്തമാക്കുന്നു. ഉദാഹരണം: പേര് = "സൈറ്റ്" ;

“പേര്” ആട്രിബ്യൂട്ടിൽ നിങ്ങൾ ഫ്രെയിമിനായി ഒരു പേര് വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, നിങ്ങൾ ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, ലിങ്ക് ഉണ്ടായിരുന്ന വിൻഡോയിൽ ഒരു പുതിയ ഫ്രെയിം തുറക്കും:

നിങ്ങൾ "പേര്" ആട്രിബ്യൂട്ട് ചേർക്കുകയാണെങ്കിൽ ഇതാ ഒരു ഉദാഹരണം:

അതല്ലേ നല്ലത്?
ഏത് ഫ്രെയിമിനും, മറ്റ് HTML പ്രമാണങ്ങൾ തുറക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നിടത്ത് "പേര്" ആട്രിബ്യൂട്ട് ചേർക്കുക

"പേര്" ആട്രിബ്യൂട്ടിലെ പേര് എന്തും ആകാം. എന്നാൽ ഭാവിയിൽ, നിങ്ങൾ മറ്റ് "ഫ്രെയിം" ടാഗുകൾക്ക് പേരുകൾ നൽകുകയാണെങ്കിൽ, ഓരോന്നും അദ്വിതീയമായിരിക്കണം:

പേജ് 2 പേജ് 3

"പേജ് 1", "പേജ് 2" ഒരു വിൻഡോയിൽ തുറക്കും, അവിടെ "പേര് =" എന്ന ഫ്രെയിമിൻ്റെ പേര് നിങ്ങൾ വ്യക്തമാക്കിയിട്ടുണ്ട്. വെബ്സൈറ്റ് ""ഉം "പേജ് 3" മറ്റൊരു ഫ്രെയിമിൽ തുറക്കും, അവിടെ പേര് "പേര് =" bloggood-ru "»

പ്രാക്ടീസ്

ടാസ്ക്: ഈ ലേഔട്ട് ഉപയോഗിച്ച് നിങ്ങൾ ഫ്രെയിമുകൾ സൃഷ്ടിക്കേണ്ടതുണ്ട്:

ആദ്യം, നമുക്ക് മൂന്ന് തിരശ്ചീന ഫ്രെയിമുകൾ സൃഷ്ടിക്കാം:

ഇനി നമുക്ക് "top.html", "footer.html" എന്നിവ ചേർക്കാം

ഇതുവരെയുള്ള ഫലം ഇതുപോലെയായിരിക്കും:

ഇപ്പോൾ "top.html", "footer.html" എന്നിവയ്ക്കിടയിൽ നമ്മൾ "menu.html", "content.html" എന്നിവ ചേർക്കും:

തയ്യാറായ കോഡ്:

ഫ്രെയിമുകൾ

ഫയൽ "index.html" ആയി സംരക്ഷിക്കുക

"top.html", "footer.html", "menu.html", "content.html" എന്നീ പേജുകൾ സൃഷ്ടിക്കുക:

ഫയൽ കോഡ് "top.html"

സൈറ്റ് തലക്കെട്ട്

വെബ്സൈറ്റ്



"footer.html" ഫയലിൻ്റെ കോഡ്

ഫയൽ footer.html StepkinBlog.com © 2015

ഫയൽ കോഡ് "menu.html"

ഫയൽ menu.html - സൈറ്റ് മെനു

  • ഹോം പേജ്
  • രചയിതാവിനെക്കുറിച്ച്


"content.html" ഫയലിൻ്റെ കോഡ്:

<a href="https://redcomrade.ru/ml/processors/kak-sdelat-stranicu-glavnoi-kak-izmenit-startovuyu-stranicu-v/">ഹോം പേജ്</a>

ഹോം പേജ്

സൈറ്റ് ഉള്ളടക്കം - "ഹോം പേജ് (content.html)"

"autor.html" ഫയലിൻ്റെ കോഡ്:

എനിക്ക് ലഭിച്ച ഫലം ഇതാണ്:

നമുക്ക് "ഫ്രെയിം" ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുകയും ഫ്രെയിമുകളുടെ മാനുവൽ സ്ട്രെച്ചിംഗ് പ്രവർത്തനരഹിതമാക്കുകയും "index.html" ഫയലിലെ സ്ക്രോളിംഗ് നീക്കം ചെയ്യുകയും ചെയ്യാം.

○ ഫ്രെയിമുകൾ ബ്രൗസർ പിന്തുണയ്ക്കുന്നില്ലെങ്കിൽ എന്തുചെയ്യും?

ഉപയോക്താവിൻ്റെ ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ലെന്ന് നിങ്ങൾക്ക് ഒരു സന്ദേശം പ്രദർശിപ്പിക്കാൻ കഴിയും. ഇത് ചെയ്യുന്നതിന്, ടാഗ് ചേർക്കുക ഘടനയ്ക്കുള്ളിൽ <frameset> :</p><p> <frameset rows="15%,*,15%"> <noframes>

○ ഫ്ലോട്ടിംഗ് ഫ്രെയിം

ഫ്രെയിം ഘടനയില്ലാത്ത ഒരു പേജിലേക്ക് നേരിട്ട് ഒരു iframe വിൻഡോ ചേർക്കണമെങ്കിൽ, അതിനായി ഒരു "iframe" ടാഗ് ഉണ്ട്.

* "iframe" ടാഗ് ആട്രിബ്യൂട്ടുകൾ

  • src - തുറക്കുന്നതിനുള്ള പേജിലേക്കുള്ള പാത
  • വീതി - ഫ്ലോട്ടിംഗ് ഫ്രെയിമിൻ്റെ വീതി
  • ഉയരം - ഫ്ലോട്ടിംഗ് ഫ്രെയിം ഉയരം
  • സ്ക്രോളിംഗ് - സ്ക്രോൾ ബാർ
    - ഇല്ല - ഒരിക്കലും സ്ക്രോൾബാർ കാണിക്കരുത്
    - അതെ - എപ്പോഴും കാണിക്കുക
    - ഓട്ടോ - ആവശ്യമെങ്കിൽ കാണിക്കുക
  • അലൈൻ - ഫ്ലോട്ടിംഗ് ഫ്രെയിം വിന്യാസം
    - ഇടത് - ഇടത്
    - വലത് - വലതുവശത്ത്
    മുകളിൽ - ഉയർന്നത്
    - താഴെ - താഴെ
  • ഫ്രെയിംബോർഡർ - ഫ്ലോട്ടിംഗ് ഫ്രെയിമിന് ചുറ്റുമുള്ള അതിർത്തി
    - 1 - ഫ്രെയിം ഓണാക്കുക
    - 0 - ഫ്രെയിം ഓഫ് ചെയ്യുക

ആട്രിബ്യൂട്ടുകളുള്ള “iframe” ടാഗ് ഇങ്ങനെയായിരിക്കും:

നിങ്ങളുടെ ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ലെങ്കിൽ, നിങ്ങൾക്ക് "" എന്ന വാചകം ചേർക്കാവുന്നതാണ്. ശ്ശോ! നിങ്ങളുടെ ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ല. » ടാഗുകൾക്കിടയിൽ .
ഇത് ഇതുപോലെ കാണപ്പെടും:

ഉദാഹരണത്തിന്, "content.html" ഫയലിലേക്ക് ഒരു iframe ചേർക്കാം:

ഹോം പേജ്

ഹോം പേജ്

സൈറ്റ് ഉള്ളടക്കം - "ഹോം പേജ് (ഉള്ളടക്കം.! നിങ്ങളുടെ ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ല.

മുൻ പോസ്റ്റ്
അടുത്ത എൻട്രി

ഈ എപ്പിസോഡിൽ നമ്മൾ സംസാരിക്കും ഫ്രെയിമുകൾ. ഫ്രെയിമുകൾസാരാംശത്തിൽ അവ പട്ടികകളുമായി വളരെ സാമ്യമുള്ളവയാണ്, എന്നാൽ പട്ടികകളിൽ നിന്ന് വ്യത്യസ്തമായി, ഓരോ ഫ്രെയിമും സ്വതന്ത്രമാണ്, അവയിൽ ഓരോന്നിനും അതിൻ്റേതായ വിലാസമുള്ള ഒരു പ്രത്യേക വെബ് പേജ് ഉണ്ടായിരിക്കും.

ചിത്രത്തിൽ നമ്മൾ വളരെ സാധാരണമായ ഒരു സൈറ്റ് ഘടന കാണുന്നു. ഇത് ഒരു പട്ടികയുടെ രൂപത്തിൽ അവതരിപ്പിക്കാം, അല്ലെങ്കിൽ ഫ്രെയിമുകൾ ഉപയോഗിച്ച് ഇതെല്ലാം ചെയ്യാം. മുകളിലെ ഫ്രെയിമിൽ നിങ്ങൾക്ക് ലോഗോയും മെനുവും ഉള്ള ഒരു പേജ് ലോഡ് ചെയ്യാൻ കഴിയും, ഇടതുവശത്ത് - സൈറ്റ് നാവിഗേഷനുള്ള ഒരു പേജ്, സെൻട്രൽ ഫ്രെയിമിൽ സൈറ്റിൻ്റെ പ്രധാന ഉള്ളടക്കമുള്ള ഒരു പേജ് ഉണ്ടാകും, വലത് ഫ്രെയിമിൽ ഞങ്ങൾ ഒരു ലോഡ് ചെയ്യും കൂടെ പേജ് പരസ്യ ബാനറുകൾ, താഴെ - അക്കൗണ്ടിൽ നിന്നുള്ള പേജ്

ct വിവരങ്ങൾ. ചുരുക്കത്തിൽ ഫ്രെയിമുകൾ എന്തൊക്കെയാണെന്ന് ഇതാ.

ഇനി ഇതെല്ലാം എങ്ങനെ ചെയ്യാം എന്ന് നോക്കാം.

ഫ്രെയിമുകൾ അടങ്ങിയ ഒരു പ്രമാണത്തിൻ്റെ പ്രത്യേകത അതിൽ ഒരു കണ്ടെയ്നർ അടങ്ങിയിട്ടില്ല എന്നതാണ് ശരീരം. പകരം ഒരു കണ്ടെയ്നർ ഉപയോഗിക്കുന്നു ഫ്രെയിംസെറ്റ്. ഫ്രെയിമുകളുടെ പൊതുവായ വാക്യഘടന ഇപ്രകാരമാണ്:

… ….

ഒരു കണ്ടെയ്നറിൽ …. ടാഗുകൾ സ്ഥിതിചെയ്യുന്നു , ഫ്രെയിമുകളുടെ ഉള്ളടക്കം നിർവ്വചിക്കുന്നു.

ടാഗിൽ രണ്ട് പാരാമീറ്ററുകൾ ഉണ്ട്:

വരികൾ = നമ്പർ- വരികളുടെ എണ്ണം (തിരശ്ചീന സിൽസ്).

കോളുകൾ = നമ്പർ- നിരകളുടെ എണ്ണം (ലംബ സിൽസ്).

പൊതുവായി പറഞ്ഞാൽ, വരികളുടെയും കോളുകളുടെയും പാരാമീറ്ററുകളുടെ മൂല്യങ്ങൾ കൃത്യമായി സംഖ്യകളല്ല, മറിച്ച് കോമകളാൽ വേർതിരിച്ച സംഖ്യകൾ ലിസ്റ്റുചെയ്യുന്നതിലൂടെയാണ്. എത്ര അക്കങ്ങൾ ഉണ്ടോ അത്രയും വരികൾ അല്ലെങ്കിൽ നിരകൾ ഉണ്ടാകും, അക്കങ്ങൾ ഫ്രെയിമിൻ്റെ വലുപ്പം നിർണ്ണയിക്കുന്നു. ഈ സംഖ്യകളുടെ ആകെത്തുക സ്ക്രീനിൻ്റെ മുഴുവൻ വീതിക്കും തുല്യമാണ് എന്നതാണ് പ്രധാന കാര്യം.

നമുക്ക് ഇത് ഒരു ഉദാഹരണത്തിലൂടെ നോക്കാം, എല്ലാം വ്യക്തമാകും. ഇനി നമുക്ക് ഇതുപോലുള്ള ഒരു ഫ്രെയിം ഡോക്യുമെൻ്റ് ഉണ്ടാക്കാം:

ഈ ഫ്രെയിം ഘടന ഞങ്ങൾക്കായി നിർവചിക്കുന്ന കോഡ് ഇതുപോലെ കാണപ്പെടും:

മുകളിലുള്ള കോഡിൻ്റെ ആദ്യ വരി ഫ്രെയിംസെറ്റ് കണ്ടെയ്നർ തുറക്കുന്നു, മൂന്ന് നെസ്റ്റഡ് ഫ്രെയിമുകൾ ഉണ്ടാകുമെന്ന് കോൾസ് പാരാമീറ്റർ സൂചിപ്പിക്കുന്നു. ആദ്യത്തേതിന് മുഴുവൻ സ്‌ക്രീൻ വീതിയുടെ 30% വീതി ഉണ്ടായിരിക്കും. മൂന്നാമത്തേതിന് സ്‌ക്രീൻ വീതിയുടെ 30% ഉണ്ടായിരിക്കും. രണ്ടാമത്തെ ഫ്രെയിം ബാക്കിയുള്ള എല്ലാ സ്ഥലവും എടുക്കും. അതെ ചിഹ്നം “*” (നക്ഷത്രചിഹ്നം) എന്നാൽ സ്ക്രീനിൽ ശേഷിക്കുന്ന എല്ലാ സ്ഥലവും എടുക്കുക എന്നാണ്.

വഴിയിൽ, കോളുകളും വരികളും പാരാമീറ്ററുകളിൽ ഫ്രെയിമുകൾ എങ്ങനെ സജ്ജീകരിക്കാമെന്ന് നോക്കാം:

ഒരു നമ്പർ നൽകി നിങ്ങൾക്ക് വലുപ്പം സജ്ജമാക്കാൻ കഴിയും. ഈ നമ്പർ ഫ്രെയിമിൻ്റെ വലുപ്പം പിക്സലുകളിൽ നിർണ്ണയിക്കും.

നിങ്ങൾക്ക് വീതി ഒരു ശതമാനമായി സജ്ജീകരിക്കാം. മാത്രമല്ല, എല്ലാ നിരകളുടെയും ശതമാനത്തിൻ്റെ ആകെത്തുക 100% കവിയുന്നുവെങ്കിൽ, എല്ലാ ഫ്രെയിമുകളും ആനുപാതികമായി കുറയ്ക്കും, അങ്ങനെ മൊത്തം തുക 100% ന് തുല്യമായിരിക്കും. സ്ഥിതി സമാനമായിരിക്കും: എല്ലാ നിരകളുടെയും ശതമാനത്തിൻ്റെ ആകെത്തുക 100% ൽ കുറവാണെങ്കിൽ, എല്ലാ ഫ്രെയിമുകളും ആനുപാതികമായി വർദ്ധിക്കും, അങ്ങനെ മൊത്തം തുക 100% ആണ്.

ഒരു ചിഹ്നം ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഫ്രെയിം വലുപ്പം സജ്ജമാക്കാൻ കഴിയും (നക്ഷത്രം). ഇതിനർത്ഥം ഫ്രെയിം ബാക്കിയുള്ള എല്ലാ സ്ഥലവും ഏറ്റെടുക്കണം എന്നാണ്. വ്യക്തമാക്കിയിട്ടുണ്ടെങ്കിൽ, ഉദാഹരണത്തിന് , അതായത്, രണ്ട് നക്ഷത്രചിഹ്നങ്ങൾ, ബാക്കിയുള്ള എല്ലാ ഇടവും ഈ രണ്ട് ഫ്രെയിമുകൾക്കിടയിൽ തുല്യമായി വിഭജിക്കപ്പെടും (ഇൻ ഈ സാഹചര്യത്തിൽ 40% വീതം).

ഫ്രെയിം വലുപ്പങ്ങൾ ക്രമീകരിക്കുന്നതിനുള്ള ഓപ്ഷനുകൾ നിങ്ങൾക്ക് സംയോജിപ്പിക്കാം. ഉദാഹരണത്തിന്:

ഈ കോഡ് അർത്ഥമാക്കുന്നത് ആദ്യത്തെ ഫ്രെയിം 70 പിക്സൽ ആയിരിക്കും, മൂന്നാമത്തേത് സ്ക്രീൻ വീതിയുടെ 40% ആയിരിക്കും, രണ്ടാമത്തേത് ബാക്കിയുള്ള ഇടം എടുക്കും.

കോഡിൻ്റെ ആദ്യ വരി ഞങ്ങൾ പൂർണ്ണമായും കണ്ടെത്തി. നമുക്ക് മുന്നോട്ട് പോകാം.

ടാഗുകൾ പിന്തുടരുന്നു . പരാമീറ്ററിൽ കോമകളാൽ വേർതിരിച്ചതിനാൽ കോളുകൾടാഗ് ഫ്രെയിംസെറ്റ്മൂന്ന് അക്കങ്ങൾ നൽകിയാൽ (അതായത്, മൂന്ന് ഫ്രെയിമുകൾ ഉണ്ടാകും), തുടർന്ന് ടാഗുകൾ മൂന്നും ഉണ്ടായിരിക്കണം. src പരാമീറ്ററിൻ്റെ മൂല്യം വിലാസമാണ് വെബ് പേജുകൾ, ഈ ഫ്രെയിമിലേക്ക് ലോഡ് ചെയ്യും. വിലാസം, ഉദാഹരണത്തിൽ നിന്ന് കാണാൻ കഴിയുന്നത്, കേവലവും ആപേക്ഷികവുമാകാം.

ഒപ്പം അകത്തും അവസാന വരികണ്ടെയ്നർ അടയ്ക്കുന്നു .

കോഡിൻ്റെ ആദ്യ വരിയിൽ കോൾസ് പാരാമീറ്റർ വരികൾ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുകയാണെങ്കിൽ, മൂന്ന് ഫ്രെയിമുകൾ അടങ്ങിയ അതേ ഫ്രെയിം ഡോക്യുമെൻ്റ് നമുക്ക് ലഭിക്കും. ഫ്രെയിമുകളിലേക്കുള്ള വിഭജനം മാത്രമേ ലംബമായിരിക്കൂ.

ഓപ്ഷനുകൾ വരികൾഒപ്പം കോളുകൾഒരേസമയം ഉപയോഗിക്കാൻ കഴിയില്ല. ഇത് പിശകുകളിലേക്കും ഉള്ളടക്കത്തിൻ്റെ തെറ്റായ പ്രദർശനത്തിലേക്കും നയിക്കുന്നു.

അത്തരമൊരു ഘടന എങ്ങനെ സൃഷ്ടിക്കാം എന്നതിനെക്കുറിച്ച് ഇപ്പോൾ എല്ലാവർക്കും ഒരു ചോദ്യമുണ്ട്, അത് ലേഖനത്തിൻ്റെ തുടക്കത്തിൽ തന്നെ ഞാൻ സംസാരിച്ചു. കുറച്ച് കഴിഞ്ഞ് ഞങ്ങൾ ഇതിലേക്ക് മടങ്ങും, എന്നാൽ ഇപ്പോൾ നമ്മുടെ ബ്രൗസറിൽ എന്താണ് സംഭവിക്കുന്നതെന്ന് നമുക്ക് നോക്കാം.

ബ്രൗസറിൽ നമ്മൾ മൂന്ന് പേജുകൾ കാണുന്നു, അവ ഓരോന്നും സ്വന്തം ഫ്രെയിമിലാണ്.

അതേ സമയം, ഫ്രെയിമുകളുടെ ബോർഡറുകളിലേക്ക് മൗസ് കഴ്സർ നീക്കുന്നതിലൂടെ, നമുക്ക് ഫ്രെയിമുകളുടെ വലുപ്പം മാറ്റാൻ കഴിയും, കൂടാതെ ഫ്രെയിമുകൾക്കിടയിലുള്ള ബോർഡറുകളും ദൃശ്യമാണ്. ഇത് എല്ലായ്പ്പോഴും ആവശ്യമില്ല, വാസ്തവത്തിൽ ഇത് ആവശ്യമില്ല. ടാഗ് പാരാമീറ്ററുകൾക്ക് നന്ദി, ഇതെല്ലാം നിയന്ത്രിക്കാനാകും ഫ്രെയിംഒപ്പം ഫ്രെയിംസെറ്റ്.

ടാഗ് ഓപ്ഷനുകൾ ഫ്രെയിംഒപ്പം ഫ്രെയിംസെറ്റ്:

src ="url"ആവശ്യമായ പരാമീറ്റർ. ഫ്രെയിമിനുള്ളിൽ പ്രദർശിപ്പിക്കുന്ന പേജിൻ്റെ വിലാസം വ്യക്തമാക്കുന്നു. ഫ്രെയിമിനായി മാത്രം ഉപയോഗിക്കുന്നു.

noresize- വലുപ്പം മാറ്റാനുള്ള കഴിവ് റദ്ദാക്കുന്നു. വേണ്ടി മാത്രം ഉപയോഗിക്കുന്നു ഫ്രെയിം.

സ്ക്രോളിംഗ്=”അതെ/ഇല്ല/ഓട്ടോ”- സ്ക്രോൾ ബാറുകളുടെ സാന്നിധ്യം നിർണ്ണയിക്കുന്നു. മൂല്യം അതെ - സ്ക്രോൾ ബാറുകളുടെ സാന്നിധ്യം സൂചിപ്പിക്കുന്നു. സ്ക്രോൾ ബാറുകൾ ഉണ്ടാകില്ലെന്ന് മൂല്യം വ്യക്തമാക്കുന്നില്ല. സ്വയമേവ സജ്ജമാക്കുമ്പോൾ, സ്ക്രോൾ ബാറുകൾ ഉണ്ടാകുമോ എന്ന് ബ്രൗസർ തന്നെ നിർണ്ണയിക്കുന്നു. വേണ്ടി മാത്രം ഉപയോഗിക്കുന്നു ഫ്രെയിം.

പേര് = "ഫ്രെയിം-നാമം"- ഫ്രെയിമിൻ്റെ പേര്. ഫ്രെയിമുകൾ തമ്മിലുള്ള ആശയവിനിമയത്തിന് ഈ പരാമീറ്റർ ഉപയോഗിക്കുന്നു. കുറച്ച് കഴിഞ്ഞ് ഞങ്ങൾ അതിനെക്കുറിച്ച് കൂടുതൽ സംസാരിക്കും. വേണ്ടി മാത്രം ഉപയോഗിക്കുന്നു ഫ്രെയിം.

അതിർത്തി=എണ്ണം- ഫ്രെയിമുകൾക്കിടയിലുള്ള അതിർത്തികളുടെ കനം. ഇത് മൂല്യം 0 എടുക്കുകയാണെങ്കിൽ, ഫ്രെയിമുകൾക്കിടയിലുള്ള ബോർഡറുകൾ പ്രദർശിപ്പിക്കില്ല. ഫ്രെയിംസെറ്റിനായി മാത്രം ഉപയോഗിക്കുന്നു.

ഫ്രെയിംസ്‌പേസിംഗ്=”നമ്പർ”- ഫ്രെയിമുകൾ തമ്മിലുള്ള ദൂരം. ഫ്രെയിംസെറ്റിനായി മാത്രം ഉപയോഗിക്കുന്നു.

ഈ പാരാമീറ്ററുകൾ ഉപയോഗിച്ച്, ഫ്രെയിമുകൾക്കിടയിലുള്ള ബോർഡറുകൾ പ്രദർശിപ്പിക്കാത്ത ഒരു പേജ് നിങ്ങൾക്ക് ലഭിക്കും, ഫ്രെയിമുകളുടെ വലുപ്പം മാറ്റാൻ കഴിയില്ല, അവസാന രണ്ട് ഫ്രെയിമുകൾക്കായി സ്ക്രോളിംഗ് നിരോധിച്ചിരിക്കുന്നു. അത്തരമൊരു പേജിൻ്റെ കോഡ് ഇതുപോലെ കാണപ്പെടുന്നു:

കുറച്ച് ഓപ്‌ഷനുകൾ കൂടിയുണ്ട്, പക്ഷേ അവ വ്യക്തമായി പ്രവർത്തിക്കുന്നില്ല, അതിനാൽ അവ റിലീസിൽ പോലും പരാമർശിക്കാതിരിക്കുന്നതിൽ അർത്ഥമുണ്ടെന്ന് ഞാൻ കരുതുന്നു.

ഒരുപക്ഷേ പാരാമീറ്ററുകൾ കൊണ്ട് അത്രയേയുള്ളൂ. അവ എങ്ങനെ ഉപയോഗിക്കാമെന്നതിൻ്റെ ഒരു ഉദാഹരണം ഞങ്ങൾ പരിശോധിച്ചു.

റിലീസിൻ്റെ തുടക്കത്തിൽ തന്നെ ഞാൻ സംസാരിച്ച ഫ്രെയിം ഘടന ഇപ്പോൾ നമുക്ക് സൃഷ്ടിക്കാം.

ഇത് ചെയ്യുന്നതിന്, ലംബമായി വിഭജിച്ചിരിക്കുന്ന മൂന്ന് ഫ്രെയിമുകളുടെ ഒരു ഘടന ഞങ്ങൾ സൃഷ്ടിക്കുന്നു.

അതായത്, ലോഗോയും സൈറ്റ് മെനുവും ഉള്ളിടത്ത്, ഉയരം 100 പിക്സൽ ആയിരിക്കും. കോൺടാക്റ്റ് വിവരങ്ങൾ ഉള്ളിടത്ത്, ഉയരം 70 പിക്സൽ ആയിരിക്കും. സൈറ്റ് നാവിഗേഷൻ, സൈറ്റിൻ്റെ പ്രധാന ഉള്ളടക്കം, പരസ്യ ബാനറുകൾ എന്നിവയുള്ള ഒരു ലൈൻ ഉപയോഗിച്ച് ബാക്കിയുള്ള സ്ഥലം ഏറ്റെടുക്കും.

അതനുസരിച്ച്, ടാഗിന് പകരം , ഞങ്ങൾ മറ്റൊരു കണ്ടെയ്നർ തിരുകണം .. മൂന്ന് കോളങ്ങൾ ഉപയോഗിച്ച്, ഓരോന്നിലും നിങ്ങളുടെ പേജ് വിലാസം എഴുതുക. നിങ്ങൾ കാണുന്നു, സങ്കീർണ്ണമായ ഒന്നും തന്നെയില്ല, പകരം ഞങ്ങൾ ഒരു ടാഗ് ഉപയോഗിക്കുന്നു ഞങ്ങൾക്ക് ആവശ്യമുള്ള പുതിയ കണ്ടെയ്നർ തിരുകുക .. .

ഇതിനുശേഷം ഞങ്ങൾ ഞങ്ങളുടെ മൂന്നാമത്തെ ഫ്രെയിം ചേർക്കുക ബന്ധപ്പെടാനുള്ള വിവരങ്ങൾപ്രധാന കണ്ടെയ്നർ അടയ്ക്കുക

ഈ പേജിൻ്റെ പൂർണ്ണ കോഡ് ചുവടെ:

തീർച്ചയായും, വാർത്താക്കുറിപ്പിൻ്റെ മുൻ ലക്കങ്ങളിൽ നിന്ന് ഫ്രെയിമുകൾക്കായുള്ള വിലാസങ്ങൾ ഞാൻ എടുത്തു, ഞങ്ങൾ ഇവിടെ മെനു, ലോഗോ, നാവിഗേഷൻ മുതലായവ കണ്ടില്ല. എന്നാൽ ഞങ്ങൾക്ക് ആവശ്യമായ ഘടന ലഭിച്ചു. എന്നാൽ നിങ്ങൾക്കാവശ്യമായ യഥാർത്ഥ പേജുകൾ നിങ്ങൾ സൃഷ്ടിക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് മനോഹരമായ ഒരു ഘടന ലഭിക്കും.

അവസാനം നമുക്ക് കിട്ടിയത്. ഇത് സൗകര്യപ്രദമാണോ അസൗകര്യമാണോ എന്ന് തീരുമാനിക്കേണ്ടത് നിങ്ങളാണ്, എന്നാൽ ഒരു ഫ്രെയിം ഘടനയോടെ, ഞങ്ങളുടെ എല്ലാ ഫ്രെയിമുകളും എല്ലായ്പ്പോഴും പേജിൽ തന്നെ നിലനിൽക്കും. ഉള്ളടക്കത്തിൻ്റെ വലുപ്പം പരിഗണിക്കാതെ തന്നെ, ഞങ്ങൾ എല്ലായ്പ്പോഴും സൈറ്റ് ലോഗോയും മെനുവും, കോൺടാക്റ്റ് വിവരങ്ങളുള്ള സൈറ്റിൻ്റെ അടിഭാഗവും നാവിഗേഷൻ ബ്ലോക്കും ബാനറുകളും കാണും. ഇത് പൊതുവേ, ഫ്രെയിമുകളുടെ സത്തയും അർത്ഥവുമാണ്.

ഫ്രെയിമുകൾ തമ്മിലുള്ള ആശയവിനിമയത്തിന് സാധ്യതയുണ്ട്. ഒരു ഫ്രെയിമിലെ ലിങ്കിൽ ക്ലിക്കുചെയ്യുന്നതിലൂടെ, വിവരങ്ങൾ മറ്റൊന്നിൽ ദൃശ്യമാകുന്ന തരത്തിൽ നിങ്ങൾക്ക് ഇത് നിർമ്മിക്കാൻ കഴിയും. ഇത് എങ്ങനെ ചെയ്യുന്നുവെന്ന് ഇപ്പോൾ നമുക്ക് നോക്കാം.

നമുക്ക് ഇതുപോലുള്ള ഒരു ഫ്രെയിം ഉണ്ടാക്കാം:

ഞങ്ങളുടെ ലിങ്കുകൾ ഇടത് ഫ്രെയിമിൽ സ്ഥിതിചെയ്യും. വലതുവശത്ത് ഈ ലിങ്കുകൾ നയിക്കുന്ന പേജുകൾ ഉണ്ട്.

നമുക്ക് ഇതുപോലുള്ള ഒരു ഫ്രെയിം ഉണ്ടാക്കാം:

ഇവിടെ, എല്ലാം വ്യക്തമാണെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു. രണ്ടാമത്തെ ഫ്രെയിമിന് ഒരു പാരാമീറ്റർ ഉണ്ട് എന്നതാണ് ഒരേയൊരു കാര്യം പേര്=”ഫ്രം1″. ഭാവിയിൽ നമ്മൾ ഉപയോഗിക്കുന്ന നെയിം പാരാമീറ്ററിൻ്റെ മൂല്യമാണിത്. നമുക്ക് അത് ഓർക്കാം.

ഇനി നമുക്ക് ഒരു ഡോക്യുമെൻ്റ് ഉണ്ടാക്കാം ind2.html. അതിൽ ഞങ്ങളുടെ ഒരു കൂട്ടം ലിങ്കുകൾ അടങ്ങിയിരിക്കും. പൊതുവേ, ഇതൊരു സാധാരണ HTML പ്രമാണമാണ്, ലിങ്കുകൾക്കായി മാത്രം, ഞങ്ങൾ പാരാമീറ്റർ വ്യക്തമാക്കും ലക്ഷ്യംഈ പരാമീറ്ററിൻ്റെ മൂല്യം എന്ന നിലയിൽ ഞങ്ങളുടെ ഫ്രെയിമിൻ്റെ പേര് ഞങ്ങൾ സൂചിപ്പിക്കുന്നു - "ഫ്രെയിം1". അതായത്:

webformyself.com-ൽ
mail.ru-ൽ
google.ru-ൽ

നമുക്ക് ind3.html ഒരു ഡോക്യുമെൻ്റ് ഉണ്ടാക്കാം. നിങ്ങൾക്ക് ഇത് ശൂന്യമായി വിടാം, അല്ലെങ്കിൽ ഹോം പേജിൽ നിങ്ങൾ കാണാൻ ആഗ്രഹിക്കുന്നത് അതിൽ സ്ഥാപിക്കാം.

ഇപ്പോൾ ഞങ്ങൾ രണ്ട് നിരകളുള്ള ഒരു ഫ്രെയിം സൃഷ്ടിച്ചു. ഇടതുവശത്ത് ലിങ്കുകളുടെ ഒരു ലിസ്റ്റ് അടങ്ങിയിരിക്കുന്നു, വലതുവശത്ത് ഇടത് ഫ്രെയിമിൽ നിന്ന് ലിങ്ക് നയിക്കുന്ന പേജ് പ്രദർശിപ്പിക്കും.

ഫ്രെയിമുകളെ സംബന്ധിച്ച ഒരു ടാഗിനെ കുറിച്ച് ഞാൻ നിങ്ങളോട് പറയുകയും ഈ പ്രശ്നം അവസാനിപ്പിക്കുകയും ചെയ്യും.

ടാഗ് ചെയ്യുക . കണ്ടെയ്നറിലേക്ക് ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ലെന്ന് സാധാരണയായി വിവരങ്ങൾ എഴുതുന്നു. ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നുവെങ്കിൽ, ഈ വിവരങ്ങൾ അവഗണിക്കപ്പെടും. കണ്ടെയ്നർ html ഡോക്യുമെൻ്റിനുള്ളിൽ, നിങ്ങൾക്ക് ആവശ്യമുള്ളതോ ആവശ്യമുള്ളതോ ആയ ഏത് സ്ഥലത്തും സ്ഥാപിച്ചിരിക്കുന്നു. ഫ്രെയിമിലേക്ക് ലോഡ് ചെയ്യുന്ന പേജിൻ്റെ വിലാസം src പാരാമീറ്റർ വ്യക്തമാക്കുന്നു. ഉദാഹരണത്തിന്, വാർത്താക്കുറിപ്പിൻ്റെ രണ്ടാം ലക്കത്തിൽ വെബ്സൈറ്റ് നൽകാം webformyself.com. ഇത് ചെയ്യുന്നതിന്, രണ്ടാമത്തെ ലക്കത്തിൻ്റെ html പ്രമാണത്തിൽ എവിടെയും എഴുതുക:

ടാഗിൽ