Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Linkkien Käsittely | HTML-Perusteet
Quizzes & Challenges
Quizzes
Challenges
/
HTML:n Perusteet

bookLinkkien Käsittely

Linkit, eli hyperlinkit, mahdollistavat käyttäjien siirtymisen verkkosivujen, resurssien ja erilaisten viestintämuotojen välillä. HTML:ssä linkit luodaan käyttämällä <a> (ankkuri) -tagia.

<a href="href-value">some text</a>

href-attribuutti <a>-tagin sisällä määrittää linkin kohteen. Se voi sisältää useita erilaisia URL-osoitteita, kuten:

  • Absoluuttiset URL-osoitteet: Määrittävät linkitetyn resurssin koko osoitteen, mukaan lukien protokollan (esim. "https://www.example.com");
  • Puhelin-URL-osoitteet: Mahdollistavat puhelun aloittamisen suoraan selaimesta linkkiä napsautettaessa. Muotoillaan "tel:phone-number". On tärkeää sisällyttää maatunnus ja poistaa erikoismerkit sekä välilyönnit puhelinnumerosta (esim. "tel:+123456789");
  • Sähköposti-URL-osoitteet: Mahdollistavat sähköpostin kirjoittamisen linkkiä napsautettaessa. Muotoillaan "mailto:email-address". On tärkeää sisällyttää koko sähköpostiosoite mailto:-osan jälkeen (esim. "mailto:example@example.com").

Esimerkki:

index.html

index.html

copy

Yllä olevassa esimerkissä:

  • <a>-tagi luo hyperlinkkejä eri kohteisiin;
  • href-attribuutti määrittää erilaisia URL-osoitteita, kuten absoluuttisia osoitteita, puhelinnumeroita ja sähköpostiosoitteita.

Muita hyödyllisiä attribuutteja

<a>-tagilla on useita attribuutteja, joilla voidaan määrittää hyperlinkin ominaisuuksia. Joitakin yleisiä attribuutteja ovat:

  • target="_blank": Määrittää, mihin linkitetty asiakirja avataan. "_blank" avaa linkin uuteen ikkunaan tai välilehteen;
  • download: Määrittää, että kohde ladataan, kun käyttäjä napsauttaa hyperlinkkiä. Tällä attribuutilla voi olla arvo, jolla määritetään resurssin tallennustiedoston nimi.

Esimerkki:

index.html

index.html

copy

Tässä esimerkissä:

  • href-attribuutti määrittää linkitetyn resurssin URL-osoitteen;
  • target-attribuutti avaa linkin uuteen ikkunaan tai välilehteen.

1. Miten linkit luodaan?

2. Mitä href-attribuutti määrittää <a>-tägin yhteydessä?

question mark

Miten linkit luodaan?

Select the correct answer

question mark

Mitä href-attribuutti määrittää <a>-tägin yhteydessä?

Select the correct answer

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 explain more about the `download` attribute and how it works?

What other attributes can I use with the `<a>` tag?

Can you show examples of using `mailto:` and `tel:` links?

Awesome!

Completion rate improved to 2.86

bookLinkkien Käsittely

Pyyhkäise näyttääksesi valikon

Linkit, eli hyperlinkit, mahdollistavat käyttäjien siirtymisen verkkosivujen, resurssien ja erilaisten viestintämuotojen välillä. HTML:ssä linkit luodaan käyttämällä <a> (ankkuri) -tagia.

<a href="href-value">some text</a>

href-attribuutti <a>-tagin sisällä määrittää linkin kohteen. Se voi sisältää useita erilaisia URL-osoitteita, kuten:

  • Absoluuttiset URL-osoitteet: Määrittävät linkitetyn resurssin koko osoitteen, mukaan lukien protokollan (esim. "https://www.example.com");
  • Puhelin-URL-osoitteet: Mahdollistavat puhelun aloittamisen suoraan selaimesta linkkiä napsautettaessa. Muotoillaan "tel:phone-number". On tärkeää sisällyttää maatunnus ja poistaa erikoismerkit sekä välilyönnit puhelinnumerosta (esim. "tel:+123456789");
  • Sähköposti-URL-osoitteet: Mahdollistavat sähköpostin kirjoittamisen linkkiä napsautettaessa. Muotoillaan "mailto:email-address". On tärkeää sisällyttää koko sähköpostiosoite mailto:-osan jälkeen (esim. "mailto:example@example.com").

Esimerkki:

index.html

index.html

copy

Yllä olevassa esimerkissä:

  • <a>-tagi luo hyperlinkkejä eri kohteisiin;
  • href-attribuutti määrittää erilaisia URL-osoitteita, kuten absoluuttisia osoitteita, puhelinnumeroita ja sähköpostiosoitteita.

Muita hyödyllisiä attribuutteja

<a>-tagilla on useita attribuutteja, joilla voidaan määrittää hyperlinkin ominaisuuksia. Joitakin yleisiä attribuutteja ovat:

  • target="_blank": Määrittää, mihin linkitetty asiakirja avataan. "_blank" avaa linkin uuteen ikkunaan tai välilehteen;
  • download: Määrittää, että kohde ladataan, kun käyttäjä napsauttaa hyperlinkkiä. Tällä attribuutilla voi olla arvo, jolla määritetään resurssin tallennustiedoston nimi.

Esimerkki:

index.html

index.html

copy

Tässä esimerkissä:

  • href-attribuutti määrittää linkitetyn resurssin URL-osoitteen;
  • target-attribuutti avaa linkin uuteen ikkunaan tai välilehteen.

1. Miten linkit luodaan?

2. Mitä href-attribuutti määrittää <a>-tägin yhteydessä?

question mark

Miten linkit luodaan?

Select the correct answer

question mark

Mitä href-attribuutti määrittää <a>-tägin yhteydessä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 6
some-alt