Cum de a crea iFrames în html

paşi de editare

Află ce este. Cadrul plutitor este utilizat pentru crearea regiunilor cadru încorporate sau ferestre, care funcționează ca orice alt obiect încorporat, deoarece textul poate curge în jurul acestuia.

Marcați-l. În cadrul unei etichete HTML încorporat în cadru este determinată cu ajutorul elementului iframe.

Pentru a crea o etichetă atributele de bază necesare: src, înălțime și lățime.</p> <p>atribut Src seteaza URL-fișier pentru descărcare, în timp ce înălțimea și lățimea - este o valoare în pixeli sau în% din ecran, care trebuie utilizat un cadru de plutire.</p> <p>rame flotante sprijină, de asemenea, atributul align (aliniere) pentru poziționarea bazei în fluxul de text ca etichetă.</p> <p>element <iframe> sprijină, de asemenea, atributele marginheight și marginwidth pentru a regla valorile câmpului în frame-conținut.</p> <h2>edita Sfaturi</h2> <ul> <li>Nu toate browserele acceptă utilizarea unui iframe.</li> <li>Browsere, cum ar fi Internet Explorer 6 și 7 Netscape reproduce cadru de plutire.</li> <li>Internet Explorer acceptă adăugarea hspace și atributele vspace (padding pe orizontală și pe verticală padding).</li> </ul><h2>articole suplimentare</h2> <p>a crea o pagina web folosind HTML simplu</p> <p>construi un site</p> <p>Codul Vezi sursa</p> <p>Plasați site-ul dvs. pe Internet</p> <p>seta o culoare de fundal în HTML</p> <p>a crea un meniu drop-down in HTML si CSS</p> <p>a crea o pagină web simplu în Notepad</p> <hr> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/reguli-de-conduita-student.html">Reguli de conduită student</a></li> <li><a href="/articles/sparks-de-degete.html">Sparks de degete</a></li> <li><a href="/articles/plantare-copil.html">plantare copil</a></li> <li><a href="/articles/autoritatile-financiare-ca-participanti-la.html">Autoritățile financiare ca participanți la relațiile fiscale</a></li> <li><a href="/articles/moda-de-nunta-si-style-rochii-si-accesorii-pentru.html">Moda de nunta si Style - rochii si accesorii pentru domnisoarele de onoare din colecțiile de modă de designer</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer kidrfgnb"> <div class="row"> <div class="col-full"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/quattro-de-la-nouba-de-pleoape-comentarii.html">Quattro de la Nouba de Pleoape - comentarii, fotografii și preț</a></li> <li><a href="/articles/care-este-locul-de-deschidere-a-succesiunii.html">Care este locul de deschidere a succesiunii conform legii Federației Ruse</a></li> <li><a href="/articles/etica-companiei-si-etica-personale.html">Etica companiei si etica personale</a></li> <li><a href="/articles/rezumatul-departamente-industriale-energie-si.html">Rezumatul departamente industriale, energie și transport - pagina abstracta</a></li> <li><a href="/articles/pepene-verde-pe-unghii-cum-sa-l-manichiura.html">Pepene verde pe unghii cum să-l, manichiura fotografie desene animate și video de formare a face</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>© Copyright 2026 | Toate drepturile rezervate</p> </div> </footer> </div> <style> #cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden} </style> <div id="cookieNoticeOverlay"> <div id="cookieNoticeBox" role="dialog" aria-modal="true"> <h2>Cookie-uri pe site</h2> <p>Folosim cookie-uri pentru funcționarea corectă a site-ului și îmbunătățirea serviciului.</p> </div> </div> <script> (function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}} function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}} if(getAcceptedUntil()>now){return} var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return} function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')} function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')} okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return} var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})() </script></body> </html>