×
Janne Korsimo
6 oppituntia
Luokka-aste
9. luokka
Oppiaineet
IT
Hakusanat
taulukko html

HTML perusteet2

Tehtävä 1: Tee sivu, jossa on käytetty alla mainuttuja asioita

  1. Kuvan lisääminen, opas diat 14-15
  2. Taustakuva tai taustaväri, opas dia 9
  3. Vaakaviiva, opas dia 11
  4. Vierivä teksti, opas dia 12
  5. Linkki, opas diat 16-18
  6. Palauta html tiedosto ja sivulla käytetyt kuvat Teamsin tehtävään Html-Perusteet2-tehtävä1

 

Tehtävä 2: Tee sivu, jossa on luotu taulukot alla olevia taulukon ominaisuuksia

  1. Taulukko, opas diat 22-25
  2. Tee alla olevat 2 taulukkoa samaan HTML -tiedostoon. Paluat tiedosto Teams tehtävään Html-Perusteet2-tehtävä2
    1. Taulukko 1
      • leveyttä ja korkeutta on säädetty
      • soluissa on käytetty väriä
      • taulukkoo 3 saraketta (vaaka) ja 5 riviä pystysuunta
    2. Taulukko 2
      • Leveys on sivusta 100%, korkeuden voit valita
      • Taulukossa on yhdistettyjä soluja sekä vaakaan että pystyyn
      • TAulukossa on värejä

Tehtävä 3

  1. Katso mallisivu tästä
  2. Taulukossa on 2 saraketta ja 3 riviä
  3. Taulukon leveys on 100%
  4. Ylimmässä rivussä on yhdisteetty 2 solua
  5. Kohdat joissa on linkki 1 jne tekstit
    1. Perustaulukon 1 solu, jonka korkeus on 100%
    2. Vasemman solun sisältö oma taulukko, jossa on 4 riviä ja jokainen linkki teksti on oma rivi ja yksi solu
  6. Alin rivi on samanlainen kuin ylin solu.
  7. Palautus Teams Html-Perusteet2-tehtävä3