Web-kehityksen Perusteet

Mikä on HTML?

Helppo
15 min

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

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

<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.

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.

hakatemia pro

Valmis ryhtymään eettiseksi hakkeriksi?
Aloita jo tänään.

Hakatemian jäsenenä saat rajoittamattoman pääsyn Hakatemian moduuleihin, harjoituksiin ja työkaluihin, sekä pääset discord-kanavalle jossa voit pyytää apua sekä ohjaajilta että muilta Hakatemian jäseniltä.