Linkit

Kysyen kylän löytää.

Linkit ovat viittauksia toisille sivuille tai saman sivun eri osiin. Linkkinä toimivateksti tai kuva sijoitetaan <a> ja </a>-koodienväliin. (a=anchor)

<a>-tunnisteen tarkenne href kertoo kohteen sijainnin.Yksinkertainen tekstilinkki toiselle sivulle voisi olla tällainen:

Kokeile tätä: <a href="https://areena.yle.fi">YLE Areena</a>

Selaimessa tulos näyttää tältä:

Kokeile tätä: YLE Areena

Tarkenteella target kerrotaan mihin kehykseen tai ikkunaan uusi sivu avautuu (katso luku Kehykset). Selvitä kokeilemalla, mitä seuraavat koodinpätkät tekevät. Takaisin testisivulta pääset painamalla selaimen Edellinen-painiketta (=Takaisin=Back). Jos linkin painaminen luo uuden ikkunan, voit sulkea sen normaalisti.

<a href="http://hmpg.net/" target="uutukainen">Kokeile</a> Kokeile

<a href="http://hmpg.net/" target="_self">Kokeile</a> Kokeile

<a href="http://hmpg.net/" target="_top">Kokeile</a> Kokeile

Kohde "_top" tarkoittaa "avaa sivu koko ikkunassa" ja "_self" "avaa sivu tähän samaan kehykseen". Uuden ikkunan nimi "uutukainen" on linkin kirjoittajan määrittelemä.

Tehtävä

Kirjoita HTML-sivu, johon teet linkit löytämiisi HTML-oppaisiin. Anna sivulle nimeksi HTML-oppaat.html ja tallenna se omaan työkansioosi. Kopioi sivun runko tästä:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>HTML-oppaita</title></head><body><p><a href="https://peda.net/p/petri.nousiainen/X/xhtml">Kotisivukurssin materiaali</a></p></body></html>

Kirjoita jokainen linkki omalle rivilleen ja lisää kunkin loppuun lyhyt arvio oppaasta. Älä kirjoita arviota linkin sisään!

Lisää sivulle otsikko (koko <h1>) ja lyhyt selitys siitä, miten löysit listalla olevat linkit.