HTML, eli HyperText Markup Language, on verkkosivustojen rakentamisessa käytetty merkintäkieli. HTML on kehitetty Internetin alkuajoilta lähtien, jolloin tarvittiin tapa esittää tekstiä ja linkkejä verkossa. HTML:n kehityksessä on tapahtunut monia merkittäviä muutoksia ja kehitys on jatkunut aina nykypäiviin saakka.

HTML:n ensimmäinen versio, HTML 1.0, julkaistiin vuonna 1991. Tämä versio sisälsi vain muutamia perusominaisuuksia, kuten otsikon, tekstin ja linkkien merkitsemisen.

Ensimmäinen nettisivu julkaistiin Elokuun 6. päivänä vuonna 1991 osoitteessa 

http://info.cern.ch/hypertext/WWW/TheProject.html 

josta sen voi löytää vielä tänäkin päivänä. Nettisivun teki World Wide Webin (WWW) kehittäjä Tim Berners-Lee.

Vuonna 1993 julkaistiin HTML 2.0, joka toi mukanaan taulukot ja kuvat.

Vuonna 1995 julkaistiin HTML 3.0, joka toi mukanaan tärkeitä uusia ominaisuuksia, kuten kehykset ja tyyliohjeet (CSS).

Vuonna 1997 julkaistiin HTML 4.0, joka toi mukanaan monia uusia ominaisuuksia, kuten taulukoiden sisäiset reunukset, tyyliohjeiden laajennuksen ja lomakkeiden parannukset.

Vuonna 1999 W3C julkaisi XHTML:n, joka oli HTML:n seuraaja. XHTML yhdisti HTML:n ja XML:n parhaat puolet, ja sen tarkoituksena oli tehdä web-sivuista standardoidumpia ja helpommin käsiteltäviä tietokoneille.

Vuonna 2014 julkaistiin HTML5, joka on HTML:n viimeisin versio. HTML5 sisältää monia uusia ominaisuuksia, kuten video- ja äänituen, taulukoiden ja lomakkeiden parannuksia sekä monia muita ominaisuuksia, jotka helpottavat verkkosivustojen suunnittelua ja kehittämistä.

HTML:n kehitys jatkuu edelleen, ja uusia ominaisuuksia lisätään säännöllisesti. HTML on edelleen tärkeä osa web-kehitystä ja sen avulla voidaan luoda kaikenlaisia verkkosivustoja, aina yksinkertaisista blogisivuista monimutkaisiin sovelluksiin.

HTML, eli HyperText Markup Language, on verkkosivustojen rakentamisessa käytetty merkintäkieli. HTML on kehitetty Internetin alkuajoilta lähtien, jolloin tarvittiin tapa esittää tekstiä ja linkkejä verkossa. HTML:n kehityksessä on tapahtunut monia merkittäviä muutoksia ja kehitys on jatkunut aina nykypäiviin saakka.

## HTML 1.0

HTML:n ensimmäinen versio, HTML 1.0, julkaistiin vuonna 1991. Tämä versio sisälsi vain muutamia perusominaisuuksia, kuten otsikon, tekstin ja linkkien merkitsemisen.

---

## Ensimmäinen nettisivu

Ensimmäinen nettisivu julkaistiin Elokuun 6. päivänä vuonna 1991 osoitteessa [http://info.cern.ch/hypertext/WWW/TheProject.html ](http://info.cern.ch/hypertext/WWW/TheProject.html)josta sen voi löytää vielä tänäkin päivänä. Nettisivun teki World Wide Webin (WWW) kehittäjä Tim Berners-Lee.

![](sanity:image-21cdf63909adc62ef943dc73f69f560f8db8ab8c-2714x978-png)

Sivuston HTML-koodi näyttää tältä: 

```html
<HEADER>
<TITLE>The World Wide Web project</TITLE>
<NEXTID N="55">
</HEADER>
<BODY>
<H1>World Wide Web</H1>The WorldWideWeb (W3) is a wide-area<A
NAME=0 HREF="WhatIs.html">
hypermedia</A> information retrieval
initiative aiming to give universal
access to a large universe of documents.<P>
Everything there is online about
W3 is linked directly or indirectly
to this document, including an <A
NAME=24 HREF="Summary.html">executive
summary</A> of the project, <A
NAME=29 HREF="Administration/Mailing/Overview.html">Mailing lists</A>
, <A
NAME=30 HREF="Policy.html">Policy</A> , November's  <A
NAME=34 HREF="News/9211.html">W3  news</A> ,
<A
NAME=41 HREF="FAQ/List.html">Frequently Asked Questions</A> .
<DL>
<DT><A
NAME=44 HREF="../DataSources/Top.html">What's out there?</A>
<DD> Pointers to the
world's online information,<A
NAME=45 HREF="../DataSources/bySubject/Overview.html"> subjects</A>
, <A
NAME=z54 HREF="../DataSources/WWW/Servers.html">W3 servers</A>, etc.
<DT><A
NAME=46 HREF="Help.html">Help</A>
<DD> on the browser you are using
<DT><A
NAME=13 HREF="Status.html">Software Products</A>
<DD> A list of W3 project
components and their current state.
(e.g. <A
NAME=27 HREF="LineMode/Browser.html">Line Mode</A> ,X11 <A
NAME=35 HREF="Status.html#35">Viola</A> ,  <A
NAME=26 HREF="NeXT/WorldWideWeb.html">NeXTStep</A>
, <A
NAME=25 HREF="Daemon/Overview.html">Servers</A> , <A
NAME=51 HREF="Tools/Overview.html">Tools</A> ,<A
NAME=53 HREF="MailRobot/Overview.html"> Mail robot</A> ,<A
NAME=52 HREF="Status.html#57">
Library</A> )
<DT><A
NAME=47 HREF="Technical.html">Technical</A>
<DD> Details of protocols, formats,
program internals etc
<DT><A
NAME=40 HREF="Bibliography.html">Bibliography</A>
<DD> Paper documentation
on  W3 and references.
<DT><A
NAME=14 HREF="People.html">People</A>
<DD> A list of some people involved
in the project.
<DT><A
NAME=15 HREF="History.html">History</A>
<DD> A summary of the history
of the project.
<DT><A
NAME=37 HREF="Helping.html">How can I help</A> ?
<DD> If you would like
to support the web..
<DT><A
NAME=48 HREF="../README.html">Getting code</A>
<DD> Getting the code by<A
NAME=49 HREF="LineMode/Defaults/Distribution.html">
anonymous FTP</A> , etc.</A>
</DL>
</BODY>

```

---

## HTML 2.0

Vuonna 1993 julkaistiin HTML 2.0, joka toi mukanaan taulukot ja kuvat.

![](sanity:image-838f4c855e79c369bc4a047ebc1dfdb7f74c1abe-1786x762-png)

---

## HTML 3.0

Vuonna 1995 julkaistiin HTML 3.0, joka toi mukanaan tärkeitä uusia ominaisuuksia, kuten kehykset ja tyyliohjeet (CSS).

---

## HTML 4.0

Vuonna 1997 julkaistiin HTML 4.0, joka toi mukanaan monia uusia ominaisuuksia, kuten taulukoiden sisäiset reunukset, tyyliohjeiden laajennuksen ja lomakkeiden parannukset.

---

## XHTML

Vuonna 1999 W3C julkaisi XHTML:n, joka oli HTML:n seuraaja. XHTML yhdisti HTML:n ja XML:n parhaat puolet, ja sen tarkoituksena oli tehdä web-sivuista standardoidumpia ja helpommin käsiteltäviä tietokoneille.

---

## HTML5

Vuonna 2014 julkaistiin HTML5, joka on HTML:n viimeisin versio. HTML5 sisältää monia uusia ominaisuuksia, kuten video- ja äänituen, taulukoiden ja lomakkeiden parannuksia sekä monia muita ominaisuuksia, jotka helpottavat verkkosivustojen suunnittelua ja kehittämistä.

HTML:n kehitys jatkuu edelleen, ja uusia ominaisuuksia lisätään säännöllisesti. HTML on edelleen tärkeä osa web-kehitystä ja sen avulla voidaan luoda kaikenlaisia verkkosivustoja, aina yksinkertaisista blogisivuista monimutkaisiin sovelluksiin.


Mikä on HTML?

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 1.0

Hakkeroinnin oppiminen alkaa tästä