Quiz HTML-formilla¶

Mitä rakennetaan¶

Tässä harjoituksessa teet upean ja jännittävän historiallisen quizin!

## Miten tietokilpailu rakennetaan?

Tietokilpailu koostuu kolmesta eri kysymyksestä, joista jokaisella on kolme vastausvaihtoehtoa. Sivulla on oltava myös lähetyspainike. Kuten tiedät, “input”-elementtien on sijaittava “form”-elementin sisällä.

Sivun ensimmäinen otsikko tulee olla “h1”, kysymykset merkitään “p”-elementeillä ja vastaukset seuraavassa muodossa:

`html <input type="radio" name="usa-president" value="George Washington" id="george-washington">George Washington<br> `

Käytä esimerkkikuvan tekstejä tämän harjoituksen yksinkertaistamiseksi. Tunnukset on määritettävä oikein, jotta harjoitus läpäisee testit.

### Tärkeää: - Muista päivittää jokaisen kysymyksen arvo ja tunnus. - Jotkut muut kentät voivat myös vaihdella kysymyksen tai vastauksen mukaan.

Jos haluat, voit lisätä CSS-tyylejä tehdäksesi sivusta visuaalisesti miellyttävämmän. CSS ei tuo lisäpisteitä, mutta harjoittelu on aina hyödyksi.

—

### HUOM! On tärkeää käyttää oikeita syötetyyppejä (input type). Alla on luettelo tarvittavista vastaustunnuksista:

george-washington
george-bush
george-walker-bush
corsica
capri
lipari
new-chester
old-york
new-amsterdam

Nämä tunnukset on liitettävä oikeisiin “input”-elementteihin, jotta testit toimivat. Esimerkiksi: ✔️ George Washington → george-washington ✔️ Korsika → corsica

—

## Tarkista koodisi! Sivun HTML-koodin tulee olla validia ja toimia selaimessa. Muista tarkistaa koodisi W3C-validaattorilla ennen lähettämistä: 👉 [W3C Validator](https://validator.w3.org/#validate_by_input)

Näistä sivuista voi olla apua:

A+ esittää tässä kohdassa tehtävän palautuslomakkeen.