Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Oppiskele Haaste: Rakenna Henkilökohtainen Esittelysivu | HTML-Tunnisteet ja -Attribuutit
HTML:n Perusteet

bookHaaste: Rakenna Henkilökohtainen Esittelysivu

Tavoite

Esittele itsesi maailmalle luomalla verkkosivu, jossa on useita otsikkoelementtejä (<h1>, <h2>) ja kappale-elementtejä (<p>).

Tehtävä

Käytä seuraavia elementtejä luodaksesi kiehtovan esittelyn:

  1. Käytä <h1>-elementtiä pääotsikolle. Tekstin tulisi olla Welcome to My Website.
  2. Käytä <h2>-elementtiä alaotsikolle. Tekstin tulisi olla About Me.
  3. Käytä <p>-elementtiä kirjoittaaksesi lyhyen kappaleen, jossa esittelet itsesi, mukaan lukien:
    • Nimesi;
    • Harrastuksesi.
index.html

index.html

copy
  1. Käytä h1-tagia luodaksesi pääotsikon.
  2. Käytä h2-tagia luodaksesi alaotsikon.
  3. Käytä p-tagia luodaksesi kappaleen.
index.html

index.html

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Suggested prompts:

Can you show me an example of how the HTML code should look?

What should I include in the paragraph about myself?

Can I add more sections or elements to the web page?

Awesome!

Completion rate improved to 2.56

bookHaaste: Rakenna Henkilökohtainen Esittelysivu

Pyyhkäise näyttääksesi valikon

Tavoite

Esittele itsesi maailmalle luomalla verkkosivu, jossa on useita otsikkoelementtejä (<h1>, <h2>) ja kappale-elementtejä (<p>).

Tehtävä

Käytä seuraavia elementtejä luodaksesi kiehtovan esittelyn:

  1. Käytä <h1>-elementtiä pääotsikolle. Tekstin tulisi olla Welcome to My Website.
  2. Käytä <h2>-elementtiä alaotsikolle. Tekstin tulisi olla About Me.
  3. Käytä <p>-elementtiä kirjoittaaksesi lyhyen kappaleen, jossa esittelet itsesi, mukaan lukien:
    • Nimesi;
    • Harrastuksesi.
index.html

index.html

copy
  1. Käytä h1-tagia luodaksesi pääotsikon.
  2. Käytä h2-tagia luodaksesi alaotsikon.
  3. Käytä p-tagia luodaksesi kappaleen.
index.html

index.html

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 6
some-alt