Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Rakenna HTML-Dokumentin Rakenne | HTML-Perusteet
Quizzes & Challenges
Quizzes
Challenges
/
HTML:n Perusteet

bookHaaste: Rakenna HTML-Dokumentin Rakenne

Ensimmäinen haasteesi! Haasteet auttavat harjoittelemaan opittuja asioita soveltamalla teoriaa oikeaan koodiin, joten älä jätä niitä väliin.

Näin se toimii:

  • Saat tehtävän suoritettavaksi;
  • Saat koodilohkon, josta puuttuu osia;
  • Tehtävänäsi on täydentää puuttuvat kohdat ja suorittaa koodi tarkistaaksesi vastauksesi.

Koodin alapuolella on kaksi painiketta:

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

Kokeile, testaa eri vaihtoehtoja ja kehitä itsevarmuuttasi matkan varrella. Onnea matkaan!

Tehtävä

Täydennä puuttuvat kohdat luodaksesi HTML-dokumentin perusrakenne.

index.html

index.html

copy

Vihje

  • Vaihe 1: Dokumenttityypin määrittely tulee olla <!DOCTYPE html>. Tämä ilmoittaa selaimelle, että dokumentti on kirjoitettu HTML5:llä.
  • 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

Suggested prompts:

Can you show me the code block that needs to be completed?

What should I do after filling in the blanks?

Can you explain what each part of the HTML structure does?

bookHaaste: Rakenna HTML-Dokumentin Rakenne

Pyyhkäise näyttääksesi valikon

Ensimmäinen haasteesi! Haasteet auttavat harjoittelemaan opittuja asioita soveltamalla teoriaa oikeaan koodiin, joten älä jätä niitä väliin.

Näin se toimii:

  • Saat tehtävän suoritettavaksi;
  • Saat koodilohkon, josta puuttuu osia;
  • Tehtävänäsi on täydentää puuttuvat kohdat ja suorittaa koodi tarkistaaksesi vastauksesi.

Koodin alapuolella on kaksi painiketta:

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

Kokeile, testaa eri vaihtoehtoja ja kehitä itsevarmuuttasi matkan varrella. Onnea matkaan!

Tehtävä

Täydennä puuttuvat kohdat luodaksesi HTML-dokumentin perusrakenne.

index.html

index.html

copy

Vihje

  • Vaihe 1: Dokumenttityypin määrittely tulee olla <!DOCTYPE html>. Tämä ilmoittaa selaimelle, että dokumentti on kirjoitettu HTML5:llä.
  • 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