HTML-linkkejä käytetään yleisesti navigoimaan sivuston eri osiin, linkittämään toisia verkkosivuja tai lataamaan tiedostoja. Linkkiä käytetään <a> -tagilla (linkki-tagilla) ja sen href-attribuutilla (hyperlink-reference). Tässä on esimerkkejä linkkien käytöstä: 

Linkki toiselle sivulle samalla verkkosivustolla

Katsomme kuvia (img-tagia) tarkemmin seuraavassa kappaleessa.

HTML-linkkejä käytetään yleisesti navigoimaan sivuston eri osiin, linkittämään toisia verkkosivuja tai lataamaan tiedostoja. Linkkiä käytetään <a> -tagilla (linkki-tagilla) ja sen href-attribuutilla (hyperlink-reference). Tässä on esimerkkejä linkkien käytöstä: 

## Linkki toiselle verkkosivustolle

```html
<a href="https://google.com/">Siirry google.com</a>
```

---

## Linkki toiselle sivulle samalla verkkosivustolla

```html
<a href="/toinen-sivu.html">Siirry toiselle sivulle</a>
```

---

## Linkki ankkuriin samalla sivulla

```html
<a href="#osa-sivusta">Siirry osaan sivusta</a>
...
<h2 id="osa-sivusta">Tämä on osa sivua</h2>
```

---

## Linkki sähköpostiosoitteeseen

```html
<a href="mailto:esimerkki@example.com">Lähetä sähköpostia</a>
```

---

## Linkki lataamaan tiedostoa

```html
<a href="/tiedosto.pdf" download>Lataa tiedosto</a>
```

---

## Target-attribuutti

```html
<a href="https://www.example.com" target="_blank">Avaa Example-sivusto uudessa ikkunassa</a>
```

---

## Kuvalinkit

Katsomme kuvia (img-tagia) tarkemmin seuraavassa kappaleessa.

```html
<a href="/toinen-sivu.html"><img src="kuva.jpg" alt="Kuva"></a>
```

---

## Harjoittele

@embed 6632aa922762


HTML Linkit

Tämä kurssi on johdatus web-kehitykseen ja se keskittyy HTML:n, CSS:n, JavaScriptin ja taustajärjestelmien perusteisiin. Kurssin tavoitteena on antaa opiskelijoille tarvittavat taidot ja tietämys, jotta he voivat suunnitella ja kehittää ja ymmärtää yksinkertaisia web-sovelluksia.

Tämä kurssi on johdatus web-kehitykseen ja se keskittyy verkkosivustojen peruspalikoiden, eli HTML:n, CSS:n ja JavaScriptin sekä taustajärjestelmien perusteisiin. Kurssin tavoitteena on antaa sinulle tarvittavat taidot ja tietämys, jotta voit suunnitella ja kehittää yksinkertaisia full-stack web-sovelluksia, sekä ymmärtää muiden tekemiä web-sovelluksia.

Ensimmäisessä osassa opiskellaa HTML:ää joka on verkkosivustojen rakentamisessa käytetty merkintäkieli.


Toisessa osassa opiskellaan CSS:n perusteita, kuten tyylitiedoston käyttöä, sääntöjä, selektoreita ja muotoilua. Käsitellään myös CSS:n edistyneitä ominaisuuksia, kuten animaatioita ja responsiivista suunnittelua.


Kolmannessa osassa opiskellaan JavaScriptia joka on nykyisin valtavan tärkeä työkalu sekä frontend että backend -kehityksessä ja sitä kautta myös tietoturvassa ja eettisessä hakkeroinnissa.

Viimeisessä osassa opiskellaan rakentamaan taustajärjestelmiä Python Flask sovelluskehyksellä. Opit taustajärjestelmien perusteet, kuten tietokantojen käytön, autentikoinnin, istunnonhallinnan sekä pääsynhallinnan.

Voit tehdä kurssin tehtäviä omalla koneellasi jos haluat, mutta jokaisessa koodiesimerkissä on nappi jolla voit suoraan selaimessa ajaa kyseisen koodin ja nähdä miltä sivu näyttää, tai mitä skripti tulostaa. Sinun ei siis tarvitse asentaa mitään, mutta voit jos haluat.

On suositeltavaa mutta vapaaehtoista tehdä tili replit.com palvelussa, tällöin voit vain klikata "Fork" koodiesimerkeissä niin saat niistä kopion itsellesi jolla voit leikkiä

Mikä on HTML?

HTML-Tagit, Elementit ja Attribuutit

HTML-Dokumentin Rakenne

HTML ja Tekstin Muotoilu

HTML Kuvat

HTML Taulukot

HTML-perusteet

Mikä on CSS?

CSS Tyylitiedoston Käyttö

CSS Luokat

CSS Valitsimet

CSS Fontit

CSS Taustat

HTML Linkit

Linkki toiselle verkkosivustolle

Hakkeroinnin oppiminen alkaa tästä