Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Rakenna HTML-Dokumentti | HTML-Perusteet
HTML:n Perusteet

bookHaaste: Rakenna HTML-Dokumentti

Tervetuloa kurssin ensimmäiseen haasteeseen!

Haasteet on suunniteltu vahvistamaan tähän asti opittua tietoa ja teoriaa käytännön harjoittelun avulla. Oppiminen tekemällä on paras tapa oppia, joten älä jätä yhtäkään haastetta väliin.

Miten haasteet toimivat? Saat tehtävän, joka tulee suorittaa, ja sen jälkeen sinulle esitetään koodilohko, jossa on täytettäviä aukkoja. Kun olet suorittanut haasteen, voit ajaa koodisi varmistaaksesi, että kaikki toimii odotetusti.

Koodilohkon alapuolella näet kaksi painiketta: ja .

  • -painike näyttää vihjeitä, jotka auttavat sinua haasteessa;
  • -painike näyttää valmiin koodin kyseiseen haasteeseen.

Kokeile rohkeasti erilaisia vaihtoehtoja tehtävän ratkaisemiseksi. Mitä enemmän kirjoitat, sitä helpommaksi se muuttuu. Onnea matkaan!

Tehtävä

Täydennä aukot luodaksesi HTML-dokumentin perusrakenteen.

index.html

index.html

copy

Vihje

  • Vaihe 1: Dokumenttityypin määrittely tulee olla <!DOCTYPE html>. Tämä ilmoittaa selaimelle, että dokumentti on kirjoitettu HTML5-muodossa.
  • Vaihe 2: Täytä tyhjät kohdat sopivilla avaus- ja lopetustageilla (<head></head>) head-osioon.
  • Vaihe 3: Käytä merkistökoodauksena UTF-8.
  • Vaihe 4: Täytä tyhjät kohdat sopivilla avaus- ja lopetustageilla (<body></body>) body-osioon.
index.html

index.html

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 3.13

bookHaaste: Rakenna HTML-Dokumentti

Pyyhkäise näyttääksesi valikon

Tervetuloa kurssin ensimmäiseen haasteeseen!

Haasteet on suunniteltu vahvistamaan tähän asti opittua tietoa ja teoriaa käytännön harjoittelun avulla. Oppiminen tekemällä on paras tapa oppia, joten älä jätä yhtäkään haastetta väliin.

Miten haasteet toimivat? Saat tehtävän, joka tulee suorittaa, ja sen jälkeen sinulle esitetään koodilohko, jossa on täytettäviä aukkoja. Kun olet suorittanut haasteen, voit ajaa koodisi varmistaaksesi, että kaikki toimii odotetusti.

Koodilohkon alapuolella näet kaksi painiketta: ja .

  • -painike näyttää vihjeitä, jotka auttavat sinua haasteessa;
  • -painike näyttää valmiin koodin kyseiseen haasteeseen.

Kokeile rohkeasti erilaisia vaihtoehtoja tehtävän ratkaisemiseksi. Mitä enemmän kirjoitat, sitä helpommaksi se muuttuu. Onnea matkaan!

Tehtävä

Täydennä aukot luodaksesi HTML-dokumentin perusrakenteen.

index.html

index.html

copy

Vihje

  • Vaihe 1: Dokumenttityypin määrittely tulee olla <!DOCTYPE html>. Tämä ilmoittaa selaimelle, että dokumentti on kirjoitettu HTML5-muodossa.
  • Vaihe 2: Täytä tyhjät kohdat sopivilla avaus- ja lopetustageilla (<head></head>) head-osioon.
  • Vaihe 3: Käytä merkistökoodauksena UTF-8.
  • Vaihe 4: Täytä tyhjät kohdat sopivilla avaus- ja lopetustageilla (<body></body>) body-osioon.
index.html

index.html

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2
some-alt