Hifistelyä https://peda.net/id/5e55b600fa8 2016-10-21T07:35:18+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> Hifistelyä upotuksiin https://peda.net/id/e8ffa00a974 2016-10-22T08:51:55+03:00 <p>Tällä koodilla pitäisi onnistua upottaminen<br/> <span>&lt;iframe width=&quot;800&quot; height=&quot;600&quot; src=&quot;<strong class="editor red">upotuksennettiosoitetähän</strong></span><span>&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;<br/> <br/> Tai<br/> <br/> <span>&lt;iframe src=&quot;tähän pdf-tiedoston osoite&quot;&gt;&lt;/iframe&gt;</span><br/> <br/> Mutta kuten näkyy ei pdf-upotus onnistu<br/> <br/> <b>Office 365 OneDrive</b><br/> Nettisivun osoite: <a href="https://edumikkeli-my.sharepoint.com/personal/anna_haapalainen_edu_mikkeli_fi/_layouts/15/guestaccess.aspx?guestaccesstoken=ZvRwyOelHzehWZBQgxVDQy9CS4j%2fcpZuCE8dcsLJzv8%3d&amp;docid=04bdeeeee6ab14d6486b4545121f3adb4&amp;rev=1" rel="nofollow ugc noopener">https://edumikkeli-my.sharepoint.com/personal/anna_haapalainen_edu_mikkeli_fi/_layouts/15/guestaccess.aspx?guestaccesstoken=ZvRwyOelHzehWZBQgxVDQy9CS4j%2fcpZuCE8dcsLJzv8%3d&amp;docid=04bdeeeee6ab14d6486b4545121f3adb4&amp;rev=1</a><br/> <iframe width="800" height="600" src="https://edumikkeli-my.sharepoint.com/personal/anna_haapalainen_edu_mikkeli_fi/_layouts/15/guestaccess.aspx?guestaccesstoken=ZvRwyOelHzehWZBQgxVDQy9CS4j%2fcpZuCE8dcsLJzv8%3d&amp;docid=04bdeeeee6ab14d6486b4545121f3adb4&amp;rev=1"></iframe><!-- removed: br --><br/> <b>TAI</b><br/> <iframe src="https://edumikkeli-my.sharepoint.com/personal/anna_haapalainen_edu_mikkeli_fi/_layouts/15/guestaccess.aspx?guestaccesstoken=ZvRwyOelHzehWZBQgxVDQy9CS4j%2fcpZuCE8dcsLJzv8%3d&amp;docid=04bdeeeee6ab14d6486b4545121f3adb4&amp;rev=1"></iframe>​​<b>Dropbox</b><br/> </span>Nettisivun osoite: <a href="https://www.dropbox.com/home/Terveystieto%20vinkit?preview=Terveystiedon+Joulukalenteri+2016.pdf" rel="nofollow ugc noopener">https://www.dropbox.com/home/Terveystieto%20vinkit?preview=Terveystiedon+Joulukalenteri+2016.pdf</a></p> <p><span><iframe width="800" height="600" src="https://www.dropbox.com/home/Terveystieto%20vinkit?preview=Terveystiedon+Joulukalenteri+2016.pdf"></iframe><!-- removed: br -->​<br/> <b>TAI<br/> <iframe src="https://www.dropbox.com/home/Terveystieto%20vinkit?preview=Terveystiedon+Joulukalenteri+2016.pdf"></iframe>​<br/> Google Drive</b><br/> Nettisivun osoite: <a href="https://drive.google.com/drive/folders/0B3FF2ZomInrFaUhGY1NsbjlpdzA" rel="nofollow ugc noopener">https://drive.google.com/drive/folders/0B3FF2ZomInrFaUhGY1NsbjlpdzA</a><br/> <iframe width="800" height="600" src="https://drive.google.com/drive/folders/0B3FF2ZomInrFaUhGY1NsbjlpdzA"></iframe><!-- removed: br -->​ <br/> <b>TAI</b><br/> <iframe src="https://drive.google.com/drive/folders/0B3FF2ZomInrFaUhGY1NsbjlpdzA"></iframe>​<br/> <b>Suoraan pedanetistä</b><br/> Nettisivun osoite: <a href="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/joulukalenteri/joulukalenteri/tj2">https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/joulukalenteri/joulukalenteri/tj2</a><br/> <iframe width="800" height="600" src="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/joulukalenteri/joulukalenteri/tj2"></iframe> ​​<br/> <b>TAI<br/> <iframe src="https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/joulukalenteri/joulukalenteri/tj2"></iframe>​<br/> </b></span></p> 2016-10-21T07:36:18+03:00 Muotoilu https://peda.net/id/9b14fec0fa8 2016-04-04T19:59:33+03:00 Teksti ja lomakemoduuleita on mahdollista muotilla HTML-kielellä<br/> <h1>Tässä <a href="http://www.koodivinkki.ovh/2014/08/peruskoodeja/" target="_blank" rel="nofollow ugc noopener">netistä</a> löytämässäni artikkelissa luetellaan HTML-koodauksen vasta-alkajalle tarkoitettuja koodeja tekstinkäsittelyyn ja kuvien sekä linkkien lisäämiseen.</h1> <div class="entry"> <div class="entry-inner"> <ol> <ol> <li>Rivinvaihto <p> </p> <div> <div id="highlighter_986254" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">br</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Viiva <p> </p> <div> <div id="highlighter_300492" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">hr</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Viiva, jonka väri ja paksuus on määritelty <p> </p> <div> <div id="highlighter_924771" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">hr</code> <code class="xml color1">color</code><code class="xml plain">=</code><code class="xml string">&quot;VÄRIKOODI TAI VÄRI ENGLANNIKSI&quot;</code> <code class="xml color1">size</code><code class="xml plain">=</code><code class="xml string">&quot;JOKIN NUMERO&quot;</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Värikoodeista löydät lisätietoa <a href="http://www.koodivinkki.ovh/2014/07/varikoodit/" rel="nofollow ugc noopener">Värikoodit</a>-artikkelista.</p> </li> </ol> </ol> <p> </p> <ol> <li>Kappalejako <p> </p> <div> <div id="highlighter_558705" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">p</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">p</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li><strong>Lihavoitu teksti</strong> <p> </p> <div> <div id="highlighter_450780" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">b</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">b</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li><em>Kursivoitu teksti</em> <p> </p> <div> <div id="highlighter_561649" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">i</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">i</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li><span>Alleviivattu teksti</span> <p> </p> <div> <div id="highlighter_912298" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">u</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">u</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Yliviivattu teksti <p> </p> <div> <div id="highlighter_307676" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">s</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">s</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li><sub>Alaindeksi</sub> <p> </p> <div> <div id="highlighter_893149" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">sub</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">sub</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li><sup>Yläindeksi</sup> <p> </p> <div> <div id="highlighter_270723" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">sup</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">sup</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Kirjasimen määritys (suositeltavampaa tehdä CSS- eikä HTML-koodilla) <p> </p> <div> <div id="highlighter_174527" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">font</code> <code class="xml color1">face</code><code class="xml plain">=</code><code class="xml string">&quot;KIRJASIMEN NIMI&quot;</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">font</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Kirjainkoon määritys (suositeltavampaa tehdä CSS- eikä HTML-koodilla) <p> </p> <div> <div id="highlighter_747062" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">font</code> <code class="xml color1">size</code><code class="xml plain">=</code><code class="xml string">&quot;JOKIN NUMERO&quot;</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">font</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Kirjasimen värin määritys (suositeltavampaa tehdä CSS- eikä HTML-koodilla) <p> </p> <div> <div id="highlighter_870111" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">font</code> <code class="xml color1">color</code><code class="xml plain">=</code><code class="xml string">&quot;VÄRIKOODI TAI VÄRI ENGLANNIKSI&quot;</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">font</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Linkki <p> </p> <div> <div id="highlighter_442675" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">&quot;LINKITETTÄVÄN SIVUN OSOITE&quot;</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">a</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Linkki uuteen ikkunaan/välilehteen (selaimen asetuksista riippuen) <p> </p> <div> <div id="highlighter_304326" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">&quot;LINKITETTÄVÄN SIVUN OSOITE&quot;</code> <code class="xml color1">target</code><code class="xml plain">=</code><code class="xml string">&quot;_blank&quot;</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">a</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Sähköpostilinkki <p> </p> <div> <div id="highlighter_883164" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">&quot;mailto:SÄHKÖPOSTIOSOITE&quot;</code><code class="xml plain">&gt;Teksti&lt;/</code><code class="xml keyword">a</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Kuva <p> </p> <div> <div id="highlighter_691024" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">img</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">&quot;KUVAN OSOITE&quot;</code> <code class="xml color1">alt</code><code class="xml plain">=</code><code class="xml string">&quot;KUVAN KUVAUS&quot;</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Kuvan kuvaus näytetään, jos kuva ei toimi tai sivulla vieraileva kävijä käyttää näytönlukijaa.</p> </li> <li>Kuva, jonka koko on määritelty <p> </p> <div> <div id="highlighter_600935" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">img</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">&quot;KUVAN OSOITE&quot;</code> <code class="xml color1">alt</code><code class="xml plain">=</code><code class="xml string">&quot;KUVAN KUVAUS&quot;</code> <code class="xml color1">width</code><code class="xml plain">=</code><code class="xml string">&quot;LEVEYS PIKSELEINÄ&quot;</code> <code class="xml color1">height</code><code class="xml plain">=</code><code class="xml string">&quot;KORKEUS PIKSELEINÄ&quot;</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Kuva linkkinä <p> </p> <div> <div id="highlighter_836931" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">a</code> <code class="xml color1">href</code><code class="xml plain">=</code><code class="xml string">&quot;LINKITETTÄVÄN SIVUN OSOITE&quot;</code><code class="xml plain">&gt;&lt;</code><code class="xml keyword">img</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">&quot;KUVAN OSOITE&quot;</code> <code class="xml color1">alt</code><code class="xml plain">=</code><code class="xml string">&quot;KUVAN KUVAUS&quot;</code><code class="xml plain">&gt;&lt;/</code><code class="xml keyword">a</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> <li>Kehys (iframe) <p> </p> <div> <div id="highlighter_409602" class="syntaxhighlighter nogutter xml"> <table border=""><!--filtered attribute: cellspacing="0"--><!--filtered attribute: cellpadding="0"--> <tbody> <tr> <td class="code"> <div class="container"> <div class="line number1 index0 alt2"><code class="xml plain">&lt;</code><code class="xml keyword">iframe</code> <code class="xml color1">src</code><code class="xml plain">=</code><code class="xml string">&quot;KEHYKSESSÄ OLEVAN SIVUN OSOITE&quot;</code> <code class="xml color1">name</code><code class="xml plain">=</code><code class="xml string">&quot;KEHYKSEN NIMI&quot;</code> <code class="xml color1">width</code><code class="xml plain">=</code><code class="xml string">&quot;LEVEYS&quot;</code> <code class="xml color1">height</code><code class="xml plain">=</code><code class="xml string">&quot;KORKEUS&quot;</code> <code class="xml color1">frameborder</code><code class="xml plain">=</code><code class="xml string">&quot;0&quot;</code><code class="xml plain">&gt;Selaimesi ei tue kehyksiä.&lt;/</code><code class="xml keyword">iframe</code><code class="xml plain">&gt;</code></div> </div> </td> </tr> </tbody> </table> </div> </div> </li> </ol> <p>Edellä mainittuja koodeja on tarkoitus käyttää sivun body-osassa. Aloittelijoiden kannattaa seuraavaksi tutustua <a href="http://www.koodivinkki.ovh/2014/07/html-sivupohja/" rel="nofollow ugc noopener">HTML-sivupohja</a>-artikkeliin, josta löytyvässä pohjassa koodien testaus onnistuu helposti.</p> <p>Onko sinulla kysyttävää jostakin koodista? Kerro mietteesi alla kommenteissa. Jos hyödyit ohjeista, olisin iloinen jos jakaisit linkin artikkeliin myös muille apua tarvitseville.</p> </div> </div> 2016-04-04T19:59:33+03:00