WWW-ohjelmointi

Tehtävät 2

Lue tehtävät läpi. Tee tehtävän harjoitus ohjeiden mukaan ja palauta tehtävässä luodut tiedostot sähköpostilla osoitteeseen www-ohjelmointi@petrit.net .

Tehtävän palautus 11.3.2016 mennessä!

Tee seuraavat tehtävät. Tehtävän voit palauttaa joko tiedostona tai linkkinä jsbin.com-palveluun. Tarkista tiedostojen toimivuus lataamalla sivu selaimeen.

Harjoitellaan listojen ja taulukoiden käyttöä. Luo html-tiedosto ja lisää siihen tehtävissä pyydettyjä listoja ja taulukoita. Tehtävän osiot voit erotella vaikka otsikoilla.

  1. Lisää dokumenttiin seuraavanlainen lista:
    Kauppalista Maitoa Makkaraa Jugurttia Leipää
    Käytä <ul>-tagia
  2. Lisää dokumenttiin seuraavanlainen lista:
    Kilpailun lopputulokset 1. Maija Meikäläinen 2. Liisa Virtanen 3. Keilo Kukkanen 4. Aamu Iltanen
    Käytä <ol>-tagia
  3. Lisää dokumenttiin seuraavanlainen yhdistetty lista:
    Kotityöt tänään Matti 1. läksyt 2. tiskaus 3. roskat Jaska 1. läksyt 2. imurointi 3. tuuletus
  4. Lisää dekumenttiin seuraavanlainen taulukko:
    Täysi A1 A2 A3 A4 A5 A6 A7 A8 A9
  5. Lisää dokumenttiin seuraavanlainen taulukko
    Täysi A1 A2 A3 A4 A5 A6 A7
  6. Lisää dokumenttiin seuraavanlainen taulukko:
    Täysi A1 A2 A3 A4 A5
    Vihje: Etene rivi kerrallaan. Mieti, montako solua tulee kullekin riville ja minkä kokoisia ne ovat.
  7. Seuraavan kuvan mukaisessa taulukossa on listattu muutamia asioita, joiden tulostukseen pitää käyttää HTML-entiteettejä. Lisää taulukko dokumenttiin. Entiteettejä
    Voit käyttää entiteettien etsimiseen esimerkiksi jotain hakukonetta.
  8. Jokeritehtävä: Taulukoilla ja entiteeteillä voi tehdä myös shakkilaudan. Entiteettejä