Tietokoneiden näyttöjä, joissa näkyy kuvaa automaatiolaboratorion laitteistosta. Monitoreiden takana näkyy sama laitteisto kuin kuvissa.

timohei.net / Opintojaksot / Opintojaksot / Aiemmin pitämäni opintojaksot / Internet-sovelluskehitys / 1. jakso: HTML, CSS / CSS-tehtävät /
Osa D: Listojen muotoilu

Lue ensin alla olevat tehtävät. Silmäile sitten WWW-ohjelmointi Trainer Kit -kirjasta tyylisivuja käsittelevä luku 9 ja pistä merkille tehtäviin liittyvät kohdat. Tee sitten tehtävät käyttäen kirjaa hyväksi.

Sivujen CSS-rakenteen oikeellisuuden voi tarkistaa CSS Validator -sivun avulla.

Tehtävät

Tehtävät tehdään B-osassa luotuun tiedostoon BCD.html hakemistossa css-kokeilut.

  1. Tee lista, jossa esiintyvät kaikki luvussa "9.2.12 list-style-type" esiintyvät listamerkintätyypit (disc, circle, jne.)
  2. Kokeile kuvaa listamerkintätyyppinä (ks. "9.2.13 list-style-image")!
  3. Vertaa muotoilujen näkymistä eri selaimilla!

Jätä sivu palvelimelle tarkistettavakseni.

Päivitetty 28.8.2022

<<  Edellinen
(5) Osa C: Tekstin asemointi
Sivu 6/7Seuraava >>
(7) Osa E: Numeeriset määrittelyt
© Timo Heikkinen | timo piste heikkinen at oamk piste fi