HyperText Markup Language (HTML) on tietokoneen kieli, jota käytetään luomaan sivuja, jotka voidaan julkaista Internetissä tai lähettää sähköpostitse. Vaikka se saattaa tuntua monimutkaiselta monille ihmisille, sitä pidetään suhteellisen yksinkertaisena kielenä. Kaikki tällä kielellä suunnitellun sivun teksti, grafiikka ja suunnitteluelementit “merkitään” koodeilla, jotka opastavat verkkoselainta tai sähköpostiohjelmaa näiden elementtien näyttämisessä. Tunnisteet tarjoavat myös ulkoasua ja muotoilutietoja, jotta verkkosivu tai sähköposti näyttää mahdollisimman läheltä sitä, miltä sen suunnittelija on halunnut näyttää. Aloittelevalle verkkosivuston suunnittelijalle tai muulle, jonka on tiedettävä tietty koodi tai joka haluaa oppia luomaan kokonaisen verkkosivuston, on monia apuohjelmia, ohjelmia ja verkkosivustoja, jotka voivat auttaa häntä kirjoittamaan HTML -koodia.
Tuote mallit
HTML -koodaus on rakennettu kuten puu, ja jokainen eri tunniste on sisäkkäin sen sisällä. Useimmissa tapauksissa jokainen muotoiluelementti vaatii aloitus- ja lopputunnisteen, eivätkä eri tunnisteet saa olla päällekkäisiä. Tätä tarkoitetaan “sisäkkäin”; jos tagi 2 avautuu tagin 1 jälkeen, niin tagi 2 on suljettava ensin, jotta tagin 2 muotoiluelementti on kokonaan suljettu tagin 1 sisään. heidän välillään. Määritteet tarjoavat lisätietoja elementistä, ja ne koostuvat määritteestä ja sen arvosta, jotka on yhdistetty yhtäläisyysmerkillä.
HTML -elementin luomiseksi käyttäjä luo tunnisteen, joka alkaa ja päättyy kulmasulkeisiin, ja sijoittaa sen muotoiltavan tekstin eteen. Kulmahakasulkeissa oleva koodi – yleensä yksi tai useampia kirjaimia, numeroita, sanoja ja/tai symboleja – osoittaa, mikä elementti on ja mitä sisällön pitäisi olla, kuten sen kokoa, kirjasinta tai muita ominaisuuksia. Muotoilun lopettamiseksi käyttäjä kirjoittaa ensimmäisen kulmasulkeen, sitten vinoviivan, toistaa sitten elementtikoodin ja sulkee hakasulkeen. Esimerkiksi, Mikä on HTML? on koodi, jota käytetään tämän artikkelin otsikon muotoiluun; “vahva” elementtitagi on sisäkkäin “title” -tunnisteeseen.
Koodien tyypit
On olemassa monia koodeja tekstin eri muotoilujen mahdollistamiseksi, mukaan lukien kursivointi, taulukot, kappaleet ja hyperlinkit verkkosivuille. Koodit voivat myös osoittaa selaimelle tai sähköpostiohjelmalle, miten muita elementtejä, kuten kuvia, grafiikkaa, videota ja ääntä, näytetään tai käytetään. Muun tyyppisiä koodeja, joissa ei ole kulmasulkeita, voidaan käyttää välimerkkien, diakriittien ja muiden tekstissä mahdollisesti esiintyvien symbolien luomiseen. Vaikka kaikki verkkoselaimet ja monet sähköpostiohjelmat käyttävät HTML -koodia, jokainen voi tulkita ja näyttää koodin hieman eri tavalla, ja suunnittelijoiden on usein otettava huomioon nämä muunnelmat verkkosivua luodessaan.
Kehittyvä kieli
Siitä lähtien, kun brittiläinen tietotieteilijä Tim Berners-Lee kehitti HTML: n 1990-luvun alussa, on tapahtunut monia muutoksia ja versioita. Näitä versioita on ylläpitänyt World Wide Web Consortium (W3C) vuodesta 1996. Tätä eritelmää kehittävä työryhmä julkaisi tammikuussa 2008 ensimmäisen HTML 5: n julkisen työluonnoksen. Tämän uudistuksen, joka oli vielä kehitteillä vuodesta 2011, odotettiin muuttavan dramaattisesti verkkosovellusten kehittämistä. Se esittelee useita uusia elementtejä, mukaan lukien sivuston rakennetta, vuorovaikutteisuutta sekä ääni- ja videotukea koskevat elementit sekä uusia ominaisuuksia.
Verkkosivun koodin tarkasteleminen
Minkä tahansa verkkosivun luomisessa käytetty koodi näkyy siirtymällä selaimella sivulle ja valitsemalla sitten oikea vaihtoehto selaimen valikosta. Useimmissa selaimissa käyttäjä voi napsauttaa “Näytä” -valikkoa ja valita vaihtoehdon, kuten “lähde”, “näkymän lähde” tai “sivun lähde”. Tällöin ponnahdusikkuna tulee näkyviin ja se näyttää koodin, jota käytettiin kyseisen verkkosivun luomisessa.
On tärkeää huomata, että kaikki verkkosivuilla oleva sisältö ei ole kirjoitettu HTML -muodossa. XML (Extensible Markup Language) ja XHTML (Extensible HyperText Markup Language) ovat muita verkkokehityksessä käytettäviä merkintäkieliä. Lisäksi tyylitaulukoita – kuten CSS (Cascading Style Sheets) – käytetään tyylin liittämiseen HTML -asiakirjoihin. Interaktiivisen sisällön luomiseen käytetään Flash®- ja Java® -kieliä. Monia muita ohjelmointikieliä voidaan käyttää tiettyjen toimintojen lisäämiseen verkkosivustoon.
Verrattuna HTM: ään
Käytännössä HTM- ja HTML -laajennusten välillä ei ole juurikaan eroa, koska useimmat koneet lukevat molemmat HTML -tiedostona. Syy siihen, että aluksi oli kaksi eri laajennusta, on se, että tietyntyyppiset tietokoneet, kuten ne, jotka toimivat 16 -bittisissä DOS- tai Windows® 3 -järjestelmissä, eivät pystyneet lukemaan neljää merkkilaajennusta ja tarvitsivat siten kolmen merkin HTM -laajennuksen. Useimmat järjestelmät, jotka pystyvät lukemaan neljä merkkilaajennusta, ohjelmoidaan automaattisesti tunnistamaan HTM -tiedostot HTML -tiedostoiksi, vaikka tietokoneen käyttäjät saattavat toisinaan tarvita muuntimen muuttaakseen tiedoston HTM: stä järjestelmän tunnistamaan muotoon.