https://peda.net/id/373776ec226 2016-05-25T13:42:44+03:00 https://peda.net/:static/533/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/20a48b3e226 2016-05-25T13:56:36+03:00 <h2>Sisäfreimin Syntaksi</h2> <p>Syntaksi sisäfreimin lisäämiseksi on:</p> <div class="w3-example"> <div class="w3-code notranslate htmlHigh"><span><span>&lt;</span>iframe<span> src<span>=&quot;<em>URL</em>&quot;</span></span><span>&gt;</span></span><span><span>&lt;</span>/iframe<span>&gt;</span></span></div> </div> <p><strong>src</strong> atribuutti määrittää url osoitteen sisäfreimin sivulle.</p> <h2>Sisäfreimi - Set Height and Width</h2> <p>Käytä <strong>height</strong> ja <strong>width</strong> atribuutteja määrittämään koko.</p> <p>Atribuutin arvot on määritetty oletuksena pikseleissä, mutta se onnistuu myös prosentteina (kuten &quot;80%&quot;).</p> <div class="w3-example"> <h3>Esimerkki</h3> <div class="w3-code notranslate htmlHigh"><span><span>&lt;</span>iframe<span> src<span>=&quot;demo_iframe.htm&quot;</span> width<span>=&quot;200&quot;</span> height<span>=&quot;200&quot;</span></span><span>&gt;</span></span><span><span>&lt;</span>/iframe<span>&gt;</span></span></div> </div> <h2>Sisäfreimi - Poista reunukset</h2> <p>Oletuksena, sisäfreimillä on musta reunus ympärillä.</p> <p>Poistaaksesi sen, Lisää tyyli atribuutti ja käytä CSS reunus ominaisuutta:</p> <div class="w3-example"> <h3>Esimerkki</h3> <div class="w3-code notranslate htmlHigh"><span><span>&lt;</span>iframe<span> src<span>=&quot;demo_iframe.htm&quot;</span> style<span>=&quot;border:none&quot;</span></span><span>&gt;</span></span><span><span>&lt;</span>/iframe<span>&gt;</span></span></div> </div> <p>CSS:än kanssa, voit vaihtaa kokoa, tyyliä ja väriä sisäfreimin reunuksessa:</p> <div class="w3-example"> <h3>Esimerkki</h3> <div class="w3-code notranslate htmlHigh"><span><span>&lt;</span>iframe<span> src<span>=&quot;demo_iframe.htm&quot;</span> style<span>=&quot;border:5px dotted red&quot;</span></span><span>&gt;</span></span><span><span>&lt;</span>/iframe<span>&gt;</span></span></div> </div> <h2>Käytä sisäfreimiä linkin kohde osoitteena</h2> <p>Sisäfreimiä voit käyttää myös kohdelinkin osoitteena .</p> <p><strong>target</strong> linkin atribuutti pitää viitata <strong>nimi</strong> atribuuttiin sisäfreimissä:</p> <div class="w3-example"> <h3>Esimerkki</h3> <div class="w3-code notranslate htmlHigh"><span><span>&lt;</span>iframe<span> src<span>=&quot;demo_iframe.htm&quot;</span> name<span>=&quot;iframe_a&quot;</span></span><span>&gt;</span></span><span><span>&lt;</span>/iframe<span>&gt;</span></span><br/> <span><span>&lt;</span>p<span>&gt;</span></span><span><span>&lt;</span>a<span> href<span>=&quot;http:// www. w3 schools .com&quot;</span> target<span>=&quot;iframe_a&quot;</span></span><span>&gt;konnevesi.fi</span></span><span><span>&lt;</span>/a<span>&gt;</span></span><span><span>&lt;</span>/p<span>&gt;</span></span></div> </div> <h2>HTML sisäfreimi Tagi</h2> <table class="w3-table-all notranslate"> <tbody> <tr><th>Tagi</th><th>Sisältö</th></tr> <tr> <td>&lt;iframe&gt;</td> <td>Määrittää avoimen freimin</td> </tr> </tbody> </table> 2016-05-25T13:55:00+03:00