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
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML:n Perusteet

bookHaaste: Rakenna Henkilökohtainen Esittelysivu

Tavoite

Esittele itsesi maailmalle luomalla verkkosivu, jossa käytetään useita otsikkotasoja (<h1>, <h2>) ja kappale-elementtejä (<p>).

Tehtävä

Käytä seuraavia elementtejä luodaksesi vaikuttavan esittelyn:

  1. Käytä <h1>-elementtiä pääotsikkona. Tekstin tulee olla Welcome to My Website.
  2. Käytä <h2>-elementtiä alaotsikkona. Tekstin tulee olla About Me.
  3. Käytä <p>-elementtiä kirjoittaaksesi lyhyen kappaleen, jossa esittelet itsesi. Sisällytä siihen:
    • 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 7

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

bookHaaste: Rakenna Henkilökohtainen Esittelysivu

Pyyhkäise näyttääksesi valikon

Tavoite

Esittele itsesi maailmalle luomalla verkkosivu, jossa käytetään useita otsikkotasoja (<h1>, <h2>) ja kappale-elementtejä (<p>).

Tehtävä

Käytä seuraavia elementtejä luodaksesi vaikuttavan esittelyn:

  1. Käytä <h1>-elementtiä pääotsikkona. Tekstin tulee olla Welcome to My Website.
  2. Käytä <h2>-elementtiä alaotsikkona. Tekstin tulee olla About Me.
  3. Käytä <p>-elementtiä kirjoittaaksesi lyhyen kappaleen, jossa esittelet itsesi. Sisällytä siihen:
    • 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 7
some-alt