Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Luo Linkkejä Suosittuihin Verkkosivustoihin | HTML-Tunnisteet ja -Attribuutit
HTML:n Perusteet
course content

Kurssisisältö

HTML:n Perusteet

HTML:n Perusteet

1. Verkkokehityksen Ymmärtäminen
2. HTML-Tunnisteet ja -Attribuutit
3. HTML-Dokumentin Rakenne
4. Työskentely Median ja Taulukoiden Kanssa

book
Haaste: Luo Linkkejä Suosittuihin Verkkosivustoihin

Tavoite

Luo kiehtova verkkosivu, joka sisältää järjestämättömän listan (<ul>) linkeillä (<a>) kolmeen suosittuun verkkosivustoon. Taika piilee siinä, että nämä linkit avautuvat uusiin välilehtiin, kun niitä klikataan, parantaen käyttäjäkokemusta ja antaen heidän tutkia kutakin kohdetta vaivattomasti.

Tehtävä

Käytä seuraavia elementtejä luodaksesi jännittävän verkkoseikkailukokemuksen:

  1. Luo järjestämätön lista, jossa on kolme kohdetta käyttämällä <ul>-elementtiä.

  2. Jokaisen listakohdan tulee sisältää linkki (<a>) suosittuun verkkosivustoon ja sen nimi.

  3. Listan tulee sisältää seuraavat kohteet:

    • "Apple" - Linkki Applen verkkosivustolle: https://www.apple.com/;

    • "Amazon" - Linkki Amazonin verkkosivustolle: https://www.amazon.com/;

    • "Netflix" - Linkki Netflixin verkkosivustolle: https://www.netflix.com/.

html

index.html

copy
  1. Käytä ul-tagia luodaksesi järjestämättömän listan.

  2. Käytä li-tagia luodaksesi listaelementtejä jokaiselle verkkosivuston linkille.

  3. Käytä a-tagia luodaksesi linkkejä ja määritä verkkosivuston URL-osoite href-attribuutilla.

  4. Jotta linkit avautuvat uusiin välilehtiin, lisää target="_blank"-attribuutti a-tagin sisälle.

html

index.html

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 9

Kysy tekoälyä

expand
ChatGPT

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

course content

Kurssisisältö

HTML:n Perusteet

HTML:n Perusteet

1. Verkkokehityksen Ymmärtäminen
2. HTML-Tunnisteet ja -Attribuutit
3. HTML-Dokumentin Rakenne
4. Työskentely Median ja Taulukoiden Kanssa

book
Haaste: Luo Linkkejä Suosittuihin Verkkosivustoihin

Tavoite

Luo kiehtova verkkosivu, joka sisältää järjestämättömän listan (<ul>) linkeillä (<a>) kolmeen suosittuun verkkosivustoon. Taika piilee siinä, että nämä linkit avautuvat uusiin välilehtiin, kun niitä klikataan, parantaen käyttäjäkokemusta ja antaen heidän tutkia kutakin kohdetta vaivattomasti.

Tehtävä

Käytä seuraavia elementtejä luodaksesi jännittävän verkkoseikkailukokemuksen:

  1. Luo järjestämätön lista, jossa on kolme kohdetta käyttämällä <ul>-elementtiä.

  2. Jokaisen listakohdan tulee sisältää linkki (<a>) suosittuun verkkosivustoon ja sen nimi.

  3. Listan tulee sisältää seuraavat kohteet:

    • "Apple" - Linkki Applen verkkosivustolle: https://www.apple.com/;

    • "Amazon" - Linkki Amazonin verkkosivustolle: https://www.amazon.com/;

    • "Netflix" - Linkki Netflixin verkkosivustolle: https://www.netflix.com/.

html

index.html

copy
  1. Käytä ul-tagia luodaksesi järjestämättömän listan.

  2. Käytä li-tagia luodaksesi listaelementtejä jokaiselle verkkosivuston linkille.

  3. Käytä a-tagia luodaksesi linkkejä ja määritä verkkosivuston URL-osoite href-attribuutilla.

  4. Jotta linkit avautuvat uusiin välilehtiin, lisää target="_blank"-attribuutti a-tagin sisälle.

html

index.html

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 9
Pahoittelemme, että jotain meni pieleen. Mitä tapahtui?
some-alt