Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele HTML-Dokumentin Rakenteen Luominen | Blogisivuston Rakentaminen
Web-kehitys ChatGPT:n Avulla

bookHTML-Dokumentin Rakenteen Luominen

Tavoite

Aloitetaan luomalla verkkosivustomme perusrakenne. Haluamme lisätä kolme artikkelia. Jokaisessa artikkelissa tulee olla artikkelin otsikko, artikkelin sisältöä sekä kuva.

Note
Huomio

Voit käyttää tarjoamiamme kehotteita tai muokata niitä tarpeen mukaan. Tavoitteeseen on useita tapoja päästä. ChatGPT on joustava ja voi auttaa monin eri tavoin.

Mahdollinen kehotus

Luo HTML-dokumentin rakenne blogisivustolle, joka mahdollistaa kolmen artikkelin julkaisemisen. Jokaisen artikkelin tulee sisältää:

  • Otsikko (heading);
  • Useita tekstikappaleita;
  • Kuva;
  • Aihe tai kategoria.

HTML-rakenteen tulee olla selkeästi ja loogisesti järjestetty, käyttäen HTML-tageja ja semanttista merkitystä asianmukaisesti.

Tulokset

index.html

index.html

copy

Jos haluat perehtyä tarkemmin koodiin ja ymmärtää sen toiminnallisuutta, käytä alla olevaa Koodin kuvaus -painiketta. Jos tämä ei ole tarpeen, voit siirtyä suoraan seuraavaan lukuun.

Verkkosivuston tila

Videotutoriaali

question mark

Miksi on hyvä idea sijoittaa jokainen artikkeli <article>-elementin sisään blogisivua rakennettaessa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Suggested prompts:

Can you explain the structure of the HTML document in more detail?

What are the next steps after creating the basic HTML structure?

Can you show me how to add real content to the articles?

Awesome!

Completion rate improved to 5

bookHTML-Dokumentin Rakenteen Luominen

Pyyhkäise näyttääksesi valikon

Tavoite

Aloitetaan luomalla verkkosivustomme perusrakenne. Haluamme lisätä kolme artikkelia. Jokaisessa artikkelissa tulee olla artikkelin otsikko, artikkelin sisältöä sekä kuva.

Note
Huomio

Voit käyttää tarjoamiamme kehotteita tai muokata niitä tarpeen mukaan. Tavoitteeseen on useita tapoja päästä. ChatGPT on joustava ja voi auttaa monin eri tavoin.

Mahdollinen kehotus

Luo HTML-dokumentin rakenne blogisivustolle, joka mahdollistaa kolmen artikkelin julkaisemisen. Jokaisen artikkelin tulee sisältää:

  • Otsikko (heading);
  • Useita tekstikappaleita;
  • Kuva;
  • Aihe tai kategoria.

HTML-rakenteen tulee olla selkeästi ja loogisesti järjestetty, käyttäen HTML-tageja ja semanttista merkitystä asianmukaisesti.

Tulokset

index.html

index.html

copy

Jos haluat perehtyä tarkemmin koodiin ja ymmärtää sen toiminnallisuutta, käytä alla olevaa Koodin kuvaus -painiketta. Jos tämä ei ole tarpeen, voit siirtyä suoraan seuraavaan lukuun.

Verkkosivuston tila

Videotutoriaali

question mark

Miksi on hyvä idea sijoittaa jokainen artikkeli <article>-elementin sisään blogisivua rakennettaessa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 2
some-alt