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 A: HTML-muotoilu

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

Sivujen HTML-rakenteen oikeellisuuden voi tarkistaa HTML Validator -sivun avulla

Tehtävät

Luo sivu muotoilu.html jolla käytä tehtävissä esitettyjä elementtejä ja ominaisuuksia. Jätä sivu palvelimelle tarkistettavakseni.

  1. Lisää sivulle seuraavat elementit:
    • EM
    • STRONG
    • CITE
    • BLOCKQUOTE
    ja vertaa niiden ulkoasua käyttämälläsi selaimella! Jos käytettävissäsi on useampi selain, vertaa niiden tapaa näyttää elementit!
  2. Asettele sivun taustaväri (<BODY ...>) sekä fontin väri (<FONT ...>) sellaisiksi, että sivua on miellyttävä katsella, eivätkä silmät väsy pidemmänkään lueskelusession aikana!
  3. Kokeile erilaisia tapoja jakaa teksti kappaleisiin ja muihin osiin:
    • BR
    • P
    • PRE
    • HR
  4. Vertaa muotoilujen näkymistä eri selaimilla!

Päivitetty 28.8.2022

<<  Edellinen
(3) Linux -komentoja
Sivu 4/8Seuraava >>
(5) Osa B: Listat
© Timo Heikkinen | timo piste heikkinen at oamk piste fi