KL00CT67
Web-ohjelmoinnin perusteet
Tehtävä 1
Portfolion etusivu
Tee valitsemallasi editorilla (esimerkiksi Visual Studio Code - kannattaa
käyttää ohjelmointiin tarkoitettua editoria) tekstitiedosto index.html,
joka selaimessa avattaessa tuottaa alla olevan kuvan 1 mukaisen sivun
(suunnilleen; voit muuttaa tekstiä halutessasi ja sivun yläosan ulkoasu
riippuu välilehden otsikkoa lukuun ottamatta selaimesta ja siitä, mihin olet
tallentanut tiedoston).
Ohjeita
Saat Visual Studio Codessa HTML-sivun rungon kirjoittamalla ! ja
valitsemalla Emmet Abreviation. Muuta rungossa kohta lang="en" muotoon
lang="fi", jos sivusi on suomeksi.
Sivun on oltava toteutettu HTML:llä ja sen tulee sisältää seuraavat elementit:
- kommentti
- doctype
- html, jossa lang-attribuutti
- head, jossa meta ja title
- body, jossa h1 ja p
Materiaalin ja tekoälyn käyttö
Hyödynnä tässä tehtävässä W3C:n HTML-tutoriaalin kohtia johdanto, otsikot, kappaleet ja kommentit.
Älä käytä tässä tehtävässä tekoälyä.
Kuvat
Kuva 1. Esimerkki sivun index.html sisällöstä.