Hifistelyä

Hifistelyä upotuksiin

Tällä koodilla pitäisi onnistua upottaminen
<iframe width="800" height="600" src="upotuksennettiosoitetähän" frameborder="0"></iframe>

Tai

<iframe src="tähän pdf-tiedoston osoite"></iframe>

Mutta kuten näkyy ei pdf-upotus onnistu

Office 365 OneDrive
Nettisivun osoite: https://edumikkeli-my.sharepoint.com/personal/anna_haapalainen_edu_mikkeli_fi/_layouts/15/guestaccess.aspx?guestaccesstoken=ZvRwyOelHzehWZBQgxVDQy9CS4j%2fcpZuCE8dcsLJzv8%3d&docid=04bdeeeee6ab14d6486b4545121f3adb4&rev=1

TAI
​​Dropbox
Nettisivun osoite: https://www.dropbox.com/home/Terveystieto%20vinkit?preview=Terveystiedon+Joulukalenteri+2016.pdf

​
TAI
​
Google Drive
Nettisivun osoite: https://drive.google.com/drive/folders/0B3FF2ZomInrFaUhGY1NsbjlpdzA
​
TAI
​
Suoraan pedanetistä
Nettisivun osoite: https://peda.net/p/anna.haapalainen%40edu.mikkeli.fi/joulukalenteri/joulukalenteri/tj2
​​
TAI
​

Muotoilu

Teksti ja lomakemoduuleita on mahdollista muotilla HTML-kielellä

Tässä netistä löytämässäni artikkelissa luetellaan HTML-koodauksen vasta-alkajalle tarkoitettuja koodeja tekstinkäsittelyyn ja kuvien sekä linkkien lisäämiseen.

    1. Rivinvaihto

      <br>
    2. Viiva

      <hr>
    3. Viiva, jonka väri ja paksuus on määritelty

      <hr color="VÄRIKOODI TAI VÄRI ENGLANNIKSI" size="JOKIN NUMERO">

      Värikoodeista löydät lisätietoa Värikoodit-artikkelista.

  1. Kappalejako

    <p>Teksti</p>
  2. Lihavoitu teksti

    <b>Teksti</b>
  3. Kursivoitu teksti

    <i>Teksti</i>
  4. Alleviivattu teksti

    <u>Teksti</u>
  5. Yliviivattu teksti

    <s>Teksti</s>
  6. Alaindeksi

    <sub>Teksti</sub>
  7. Yläindeksi

    <sup>Teksti</sup>
  8. Kirjasimen määritys (suositeltavampaa tehdä CSS- eikä HTML-koodilla)

    <font face="KIRJASIMEN NIMI">Teksti</font>
  9. Kirjainkoon määritys (suositeltavampaa tehdä CSS- eikä HTML-koodilla)

    <font size="JOKIN NUMERO">Teksti</font>
  10. Kirjasimen värin määritys (suositeltavampaa tehdä CSS- eikä HTML-koodilla)

    <font color="VÄRIKOODI TAI VÄRI ENGLANNIKSI">Teksti</font>
  11. Linkki

    <a href="LINKITETTÄVÄN SIVUN OSOITE">Teksti</a>
  12. Linkki uuteen ikkunaan/välilehteen (selaimen asetuksista riippuen)

    <a href="LINKITETTÄVÄN SIVUN OSOITE" target="_blank">Teksti</a>
  13. Sähköpostilinkki

    <a href="mailto:SÄHKÖPOSTIOSOITE">Teksti</a>
  14. Kuva

    <img src="KUVAN OSOITE" alt="KUVAN KUVAUS">

    Kuvan kuvaus näytetään, jos kuva ei toimi tai sivulla vieraileva kävijä käyttää näytönlukijaa.

  15. Kuva, jonka koko on määritelty

    <img src="KUVAN OSOITE" alt="KUVAN KUVAUS" width="LEVEYS PIKSELEINÄ" height="KORKEUS PIKSELEINÄ">
  16. Kuva linkkinä

    <a href="LINKITETTÄVÄN SIVUN OSOITE"><img src="KUVAN OSOITE" alt="KUVAN KUVAUS"></a>
  17. Kehys (iframe)

    <iframe src="KEHYKSESSÄ OLEVAN SIVUN OSOITE" name="KEHYKSEN NIMI" width="LEVEYS" height="KORKEUS" frameborder="0">Selaimesi ei tue kehyksiä.</iframe>

Edellä mainittuja koodeja on tarkoitus käyttää sivun body-osassa. Aloittelijoiden kannattaa seuraavaksi tutustua HTML-sivupohja-artikkeliin, josta löytyvässä pohjassa koodien testaus onnistuu helposti.

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.