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

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

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

Tehtävät

  1. Luo sivu listat.html ja tee sinne seuraavat listat:
    • järjestämätön lista
    • järjestetty lista oletusasetuksin
    • järjestetty lista pienin roomalaisin numeroin (i, ii, iii, ...)
    • määritelmälista esimerkiksi tehtävän A1 tuloksista
  2. Millaisena järjestetty lista näkyy oletusmuotoilultuna?
  3. Tee järjestämättömään listaan neljä tasoa eli neljä sisäkkäistä järjestämätöntä listaa:
    <UL><LI>blaa
        <UL><LI>blii
           <UL><LI>blåå
               <UL><LI>blöö
               </UL>
           </UL>
        </UL>
    </UL>
  4. Miten tasot erottuvat toisistaan sisennyksen, listamerkin tms. suhteen?
  5. Miten määritelmälista poikkeaa muista listatyypeistä?
  6. Vertaa listatyyppien muotoilua eri selaimilla!
Jätä sivu palvelimelle tarkistettavakseni.

Päivitetty 28.8.2022

<<  Edellinen
(4) Osa A: HTML-muotoilu
Sivu 5/8Seuraava >>
(6) Osa C: Taulukot
© Timo Heikkinen | timo piste heikkinen at oamk piste fi