Linkkejä
Kurssin kotisivu
Jyväskylän yliopisto
MDN
Lista, jonka ensimmäinen ja viimeinen alkio on muotoiltu
Ensimmäinen tehtävä
Toinen tehtävä
Kolmas tehtävä
Neljäs tehtävä
CSS
/* Linkin pseudoluokat. Järjestys on pakollinen: :link, :visited, :hover. Muistisääntö LoVe HAte. */ a:link { color: #0645ad; } a:visited { color: #663366; } a:hover { color: #ffffff; background-color: #0645ad; } /* Sijainnin mukaan osuvat pseudoluokat */ li:first-child { font-weight: bold; } li:last-child { font-style: italic; color: #7a3b12; } /* Kokeile lisätä listaan alkio tai poistaa niitä. Muotoilu seuraa mukana, koska se ei perustu luokkiin vaan alkion sijaintiin. */
HTML
<h3>Linkkejä</h3> <ul> <li><a href="https://appro.mit.jyu.fi/itkp1011/">Kurssin kotisivu</a></li> <li><a href="https://www.jyu.fi/">Jyväskylän yliopisto</a></li> <li><a href="https://developer.mozilla.org/">MDN</a></li> </ul> <h3>Lista, jonka ensimmäinen ja viimeinen alkio on muotoiltu</h3> <ol> <li>Ensimmäinen tehtävä</li> <li>Toinen tehtävä</li> <li>Kolmas tehtävä</li> <li>Neljäs tehtävä</li> </ol>
Javascript
Konsoli