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.

Rivinvaihto

<br>
Viiva

<hr>
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.

Kappalejako

<p>Teksti</p>
Lihavoitu teksti

<b>Teksti</b>
Kursivoitu teksti

<i>Teksti</i>
Alleviivattu teksti

<u>Teksti</u>
Yliviivattu teksti

<s>Teksti</s>
_Alaindeksi

<sub>Teksti</sub>
^Yläindeksi

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

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

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

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

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

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

<a href="mailto:SÄHKÖPOSTIOSOITE">Teksti</a>
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.
Kuva, jonka koko on määritelty

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

<a href="LINKITETTÄVÄN SIVUN OSOITE"><img src="KUVAN OSOITE" alt="KUVAN KUVAUS"></a>
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.

0 kommenttia