Harjoitus 1: HTML-luuranko
https://peda.net/id/0f26c316d74
2019-04-24T11:53:35+03:00
https://peda.net/:static/535/peda.net.logo.bg.svg
<div class="license">Tämän sivun lisenssi <a rel="license nofollow ugc noopener" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative commons CC BY-NC-SA 3.0</a></div>
a. Muokkaa nettisivun sisältö
https://peda.net/id/2a5684bed74
2019-01-31T08:21:25+02:00
Mene Googlen etusivulle ja avaa verkkoinspektori painamalla F12. Chrome-selaimella saman asian ajaa CTRL + SHIFT + I.<br/>
<ol>
<li>Muokkaa painikkeen "Google-haku" teksti toiseksi.
<ul>
<li><a><strong class="editor red">Google-haku</strong></a></li>
</ul>
</li>
<li>Muokkaa painikkeen "Kuvahaku" teksti toiseksi. Muokkaa myös saman painikkeen linkki toiseksi.
<ul>
<li><a href="<strong class="editor red">google.com</strong>">Kuvahaku</a></li>
</ul>
</li>
<li>Korvaa värikäs Google-logo toisella kuvalla.
<ul>
<li><img src="<strong class="editor red"><a href="https://i.ytimg.com/vi/qxszw8t-69Y/maxresdefault.jpg" rel="nofollow ugc noopener">https://i.ytimg.com/vi/qxszw8t-69Y/maxresdefault.jpg</a></strong>"></img></li>
</ul>
</li>
</ol>
2018-10-24T07:49:18+03:00
Kuvan lisääminen HTML:ään
https://peda.net/id/65626dc0417
2019-03-08T09:33:00+02:00
<span class="center medium"><a href="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h1h/klh/img_4816-jpeg#top" title="IMG_4816.jpeg"><img src="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h1h/klh/img_4816-jpeg:file/photo/90c9ab9b95581a3e73f0c39f53e33a90ce37998c/IMG_4816.jpeg" alt="" title="IMG_4816.jpeg" class="inline" loading="lazy"/></a></span>
2019-03-08T09:32:58+02:00
b. Nettisivuluuranko
https://peda.net/id/30637ff0d74
2019-03-08T09:31:04+02:00
<ol>
<li>Muokkaa nettisivupohjaan:
<ul>
<li>välilehden otsikko</li>
<li>sivun otsikko</li>
<li>linkin teksti</li>
<li>linkin osoite</li>
</ul>
</li>
<li>Lisää näiden muutosten perään vapaavalintainen kuva.</li>
<li>Lisää otsikon päälle kuva.</li>
</ol>
2018-10-24T07:56:37+03:00