InternetWeb Design

HTML iframe daxil necə istifadə nümunəsi

Web site sabah bina resursları geniş pages müəyyən hissələri keçirmək üçün çərçivələri istifadə olunur. Lakin HTML 5 yeni versiyası gəlişi ilə, hər şey dəyişdi. biçimlendirme , </em> deprecated elementləri. onları əvəz bir tag oldu - <em><iframe>.</em> Necə html <iframe> edə bilərəm? Aşağıdakı misal, proqramlaşdırma hətta təcrübəsiz aydın olacaq. </p> <h2> çərçivəsində hansılardır? </h2><p> Frame - ilk web pages ən əsası. hərfi tərcümə varsa, sözü &quot;çərçivəsində&quot; frame brauzerinizin səhifə kiçik bir hissəsi deməkdir. keçmişdə çərçivəsində geniş istifadə keyfiyyətsiz və internet trafikinin yüksək dəyəri ilə izah oluna bilər. Tipik olaraq, site bir xüsusi məqsədi həyata hər hansı 3-5 hissəyə bölünür: </p> <ul><li> &quot;Cap&quot; (səhifə eni üst çərçivəsində) - resurs Display adı; </li><li> Sol / sağ &quot;şüşə&quot; - ekran menyu; </li><li> Central frame - site content göstərilir. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="html iframe misal" width="580" height="435" layout="intrinsic"></amp-img></p> <p> pages A bölgüsü yükseltmek zaman yalnız hissəsinin yenidən imkan. Məsələn, istifadəçi menu item klik və mərkəzi çərçivə yeni məzmun vurulub. </p> <h2> HTML 5 Modern çərçivəsində </h2><p> Niyə <em><iframe></em> HTML <em>lazımdır?</em> Example - bir üçüncü tərəf site content daxil etmək üçün. bir web geliştirici xəritədə obyekt mövqeyini göstərmək istəyir zaman klassik vəziyyət. Nə üçün? Sıfırdan torpaq plan çəkmək? No - bir sadə həlli var: bir səhifə Google Map element Yandex Maps və ya 2GIS qurmaq. problem dörd addımlar həll edilir. </p> <ol><li> Siz hər hansı bir xəritə xidməti saytda getmək lazımdır. </li><li> istədiyiniz obyekt tapın. dəqiq ünvan bilərək, Siz axtarış qutusuna daxil edə bilərsiniz. </li><li> Kodu daxil olmaq üçün və ya &quot;Finish&quot; (Google Maps) ( &quot;Yandex.Maps&quot; üçün) &quot;Saxla və almaq kodu&quot; istifadə edin. </li><li> Bu səhifədə yaradılan biçimlendirme tags yazmaq qalır. </li></ol><p> Bundan əlavə, siz xəritədə ölçüsü seçə və digər ekran variantları bilərsiniz. </p> <p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="html iframe misal" width="600" height="488" layout="intrinsic"></amp-img></p> <p> Necə başqa siz HTML <em><iframe></em> istifadə edə <em>bilərəm?</em> Example - Youtube resurs video daxil etmək üçün. Multimedia Technologies Internet istifadəçiləri cəlb, belə ki, video content qədər məşhur deyil. Geliştirici roller quraşdırılması ilə tez idarə. </p> <ol><li> Bu Youtube öz video daşıyanlar və ya tərcümə üçün üçüncü bir fayl tapa edilməlidir. </li><li> button «HTML-kodu&quot; seçerek tag alın </li><li> final aktı - daxil <a href="https://az.delachieve.com/html-kodu-html-r%C9%99ng-kodlari/">HTML kod</a> <iframe>. NÜMUNƏ tag content aşağıda müzakirə olunacaq aldı. </li></ol><p> həm nümunələri mən avtomatik kodu nəsil istifadə, lakin professional developers öz etmək lazımdır. Birincisi, onlara vorstke səhifə anlamaq və zəruri hallarda dəyişdirmək üçün imkan verir. İkincisi, site həmişə (hətta onlar xarici resurs aid olmasına baxmayaraq), webmaster iştirakı olmadan formalaşır elementləri qeyd deyil. Burada da yüksək ixtisaslı geliştirici görünür. </p> <p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="iframe onu html" width="680" height="450" layout="intrinsic"></amp-img></p> <h2> sintaksis </h2><p> Siz səhifə vorstke başlamaq əvvəl Belə ki, iframe (html) tag hesab etməlidir: bu və necə istifadə etmək nə. </p> <p> İlk növbədə, bu, tag cüt ki, qeyd etmək lazımdır. açılması və bağlanması üzvü arasında biçimlendirme element bilmir brauzerlərdə göstərilir məzmun göstərir. Əsas tag atributları: </p> <ul><li> eni (W); </li><li> hündürlüyü (hündürlük); </li><li> src (ünvan dolu resurs); </li><li> (Alignment prosesi) align; </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Belə ki, <iframe> üçün kod almaq üçün. HTML-misal tam aşağıda nümayiş: </p> <p> <em><Iframe width = &quot;560&quot; height = &quot;315&quot; src = &quot;https://someserver.com/&quot; frameborder =</em> &quot; <em>0&quot; allowfullscreen> </ iframe></em> </p> <p> masa layout çərçivəsində ölçüsünü tənzimləmək lazım olsa hər hansı digər site ünvanını əvəz və kifayətdir. </p> </div> <!--mvp-content-main--> </div> <!--mvp-content-body-top--> </div> <!--mvp-content-body--> </div> <!--mvp-content-wrap--> </div> <!--mvp-post-content--> </div> <!--mvp-post-main--> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/niy%C9%99-insanlar-html-oeyr%C9%99nm%C9%99k-davam-edirsiniz/"> <p>Niyə insanlar HTML öyrənmək davam edirsiniz?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/daxili-goeruenuesue-v%C9%99-onun-bas-verm%C9%99si-tarixi-bir-banner-n%C9%99dir/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/2a8c751262480e6e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/2a8c751262480e6e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/daxili-goeruenuesue-v%C9%99-onun-bas-verm%C9%99si-tarixi-bir-banner-n%C9%99dir/"> <p>Daxili görünüşü və onun baş verməsi tarixi - bir banner nədir</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/html-iframe-daxil-nec%C9%99-istifad%C9%99-nuemun%C9%99si/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1dba462a7e230ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1dba462a7e230ecd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/html-iframe-daxil-nec%C9%99-istifad%C9%99-nuemun%C9%99si/"> <p>HTML iframe daxil necə istifadə nümunəsi</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/bir-web-n%C9%99-q%C9%99d%C9%99rdir/"> <p>Bir web nə qədərdir?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/web-dizayner-bu-n%C9%99dir-harada-bir-web-dizayner-oeyr%C9%99nm%C9%99k/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1c52f5837e240eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1c52f5837e240eca-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/web-dizayner-bu-n%C9%99dir-harada-bir-web-dizayner-oeyr%C9%99nm%C9%99k/"> <p>Web dizayner - Bu nədir? Harada bir web dizayner öyrənmək?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/baslayanlar-uecuen-m%C9%99sl%C9%99h%C9%99tl%C9%99r-nec%C9%99-%C9%99n-uygun-html-redaktoru-secm%C9%99k/"> <p>Başlayanlar üçün məsləhətlər: necə ən uyğun html redaktoru seçmək</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/havuc-coer%C9%99k-bisirm%C9%99k-uecuen-nec%C9%99-addim-addim-t%C9%99limat/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c1a7fe3a7e120ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c1a7fe3a7e120ecd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/havuc-coer%C9%99k-bisirm%C9%99k-uecuen-nec%C9%99-addim-addim-t%C9%99limat/"> <p>Havuç çörək bişirmək üçün necə? Addım-addım təlimat</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Qida və içki</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/propranolol-istifad%C9%99-t%C9%99sviri-v%C9%99-t%C9%99hlil-uecuen-analoqu-t%C9%99limat/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/506f0af47e630ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/506f0af47e630ed5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/propranolol-istifad%C9%99-t%C9%99sviri-v%C9%99-t%C9%99hlil-uecuen-analoqu-t%C9%99limat/"> <p>&quot;Propranolol&quot; istifadə, təsviri və təhlil üçün analoqu, təlimat</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sağlamlıq</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/qazanlar-konord-sahibl%C9%99ri-t%C9%99hlil/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1491f32c7eb80edd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1491f32c7eb80edd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/qazanlar-konord-sahibl%C9%99ri-t%C9%99hlil/"> <p>Qazanlar &quot;Konord&quot; sahibləri təhlil</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Xəbərlər və Cəmiyyət</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/alman-poertl%C9%99dilmis-duzlu-k%C9%99l%C9%99m-uecuen-recipe-nec%C9%99-dadli-garnituer-etm%C9%99k-uecuen-nec%C9%99/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/89ba57207dd20ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/89ba57207dd20ecc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/alman-poertl%C9%99dilmis-duzlu-k%C9%99l%C9%99m-uecuen-recipe-nec%C9%99-dadli-garnituer-etm%C9%99k-uecuen-nec%C9%99/"> <p>Alman pörtlədilmiş duzlu kələm üçün Recipe. Necə dadlı garnitür etmək üçün necə?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Qida və içkilər</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/nec%C9%99-maral-bisirm%C9%99k-uecuen-nec%C9%99-%C9%99t-cueyuer-bisirm%C9%99k-uecuen-nec%C9%99-tarifleri/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/37e9cb2f6fb40e93-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/37e9cb2f6fb40e93-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/nec%C9%99-maral-bisirm%C9%99k-uecuen-nec%C9%99-%C9%99t-cueyuer-bisirm%C9%99k-uecuen-nec%C9%99-tarifleri/"> <p>Necə maral bişirmək üçün necə? ət cüyür bişirmək üçün necə: tarifleri</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Qida və içkilər</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/selchukhan-tuerkiy%C9%99-r%C9%99yl%C9%99r/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e449c15c62430e6c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e449c15c62430e6c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/selchukhan-tuerkiy%C9%99-r%C9%99yl%C9%99r/"> <p>&quot;Selchukhan&quot; (Türkiyə) - rəylər</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Yol</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/s%C9%99rti-qrup-bu-qrup-s%C9%99rti-mue%C9%99yy%C9%99n-t%C9%99snifati-v%C9%99-xuesusiyy%C9%99tl%C9%99ri/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/fdcfd79a7e3e0ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/fdcfd79a7e3e0ecd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/s%C9%99rti-qrup-bu-qrup-s%C9%99rti-mue%C9%99yy%C9%99n-t%C9%99snifati-v%C9%99-xuesusiyy%C9%99tl%C9%99ri/"> <p>Şərti qrup - bu qrup .. şərti: müəyyən, təsnifatı və xüsusiyyətləri</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formalaşma</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/qurban-berdyev-bir-oyuncu-v%C9%99-m%C9%99sqci-t%C9%99rcuemeyi-hal/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/51e7c0f27e2d0ed3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/51e7c0f27e2d0ed3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/qurban-berdyev-bir-oyuncu-v%C9%99-m%C9%99sqci-t%C9%99rcuemeyi-hal/"> <p>Qurban Berdyev: bir oyunçu və məşqçi tərcümeyi-hal</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">İdman və Fitnes</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/konjonktivit-n%C9%99-goez-damcilarindan-secm%C9%99k/"> <p>Konjonktivit nə göz damcılarından seçmək?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sağlamlıq</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/power-paltaryuyan-masin-nec%C9%99-kilovat-istehlak/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c8f029b97e8a0ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c8f029b97e8a0ed7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/power-paltaryuyan-masin-nec%C9%99-kilovat-istehlak/"> <p>Power paltaryuyan maşın: neçə kilovat istehlak?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Görkəmsizlik</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/hydrocyanic-tursusu/"> <p>Hydrocyanic turşusu</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sağlamlıq</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://az.delachieve.com/danone-danone-natural-qatiq-kalorili-goez%C9%99l-xuesusiyy%C9%99tl%C9%99ri-r%C9%99yl%C9%99r/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/52f4e8d77f3e0ee9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/52f4e8d77f3e0ee9-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://az.delachieve.com/danone-danone-natural-qatiq-kalorili-goez%C9%99l-xuesusiyy%C9%99tl%C9%99ri-r%C9%99yl%C9%99r/"> <p>Danone ( «Danone&quot;) - Natural qatıq: kalorili, gözəl xüsusiyyətləri Rəylər</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Qida və içkilər</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> </div> <!--mvp-main-box--> </div> <!--mvp-article-cont--> </article> <!--mvp-article-wrap--> </div> <!--mvp-main-body-wrap--> <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 az.delachieve.com. Theme powered by WordPress.</p> </div> <!--mvp-foot-copy--> </div> <!--mvp-main-box--> </div> <!--mvp-foot-bot--> </footer> </div> <!--mvp-site-main--> </div> <!--mvp-site-wall--> </div> <!--mvp-site--> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999667/0/cc03a949/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.649 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 13:53:24 --> <!-- 0.001 -->