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

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