HTML-koulu aloitteilijoille!

Seuraa 
Liittynyt12.11.2015

Johdanto

1. Aloitus

2. Sivun rakenne

3. Linkit

4. Kuvat

5. Lihavointi

6. Välit

7. Lopetus

Aloitus

Olet varmasti kyllästynyt jokapäiväiseen ihmettelyyn "miten tuo tehdään?" - tyyliin. Jos et ole löytänyt Googlesta minkäänlaista tietoa, lue ihmeessä tämä opas.

Sivun rakenne

Sivun rakenne koostuu logosta, navigaatiosta, sisältöbokseista jne. Emme kuitenkaan käsittele niitä, vaan käsittelemme sen, että miten sivulle saa tekstiä, kuvia ja linkkejä, sekä tekstin muuntelua.

Avaa muistio -> Kirjoita seuraava koodi tyhjälle sivulle

Sivun otsikko tähän!

Tähän tulee teksti!

Head-tagien väliin on mahdollista laittaa linkitys ulkoiseen tyylitiedostoon. Se tapahtuu näin:

Nyt sinun ei tarvitse siis erikseen laittaa tähän tiedostoon CSS-koodikieltä.

Sivulle voi myös laittaa värin. Musta ja valkoinen ovat tylsää katsottavaa.

Koodi värjää taustan siniseksi.

Title-tagit = Tähän tulee otsikko, joka näkyy ylhäällä.

Body-tagit = Tähän tulee kaikki, joka näkyy sivun kävijöille.

Tiedosto -> Tallenna nimellä -> etusivu.html -> Tallennusmuoto -> Kaikki

Linkit

Olet varmasti huomannut jonkinlaisia linkkejä ympäri internettiä. Niitä ei ole vaikea tehdä, mikäli käytät seuraavaa koodia:

linkki, josta voit mennä määrittämällesi sivustolle.

Ei ollut hankalaa. Siirrytään siis seuraavaan aiheeseen.

Kuvat

Kuviakaan ei ole vaikea tehdä. Riittää, että piirrät kuvan ja lataat sen palvelimellesi.

Tämä koodi vaatii siis kansion, joss kuva sijaitsee.

Tämänkään ei pidä tai ei edes ole pitänyt olla hankalaa. Huomaat kai kuinka helppoa se on.

Lihavointi

Lisäät vain seuraavan koodin:

Tähän teksti, jonka haluat lihavoituvan

Välit

Mikäli haluat, että tekstin tai kuvan jälkeen tulee väliä, se ei hoidu välilyönneillä koodikielessä. Sitä varten on keksitty tällaiset tagit:

Tuo ei edes tarvitse tagia loppuun. Eikä tuollaista edes taida olla olemassakaan.

Lopetus

Huomaat varmaan, kuinka yksinkertaista lopulta HTML-kieli on. On niitä vaikeitakin asioita, kuten merkkaaminen, mutta jos sitä opettelee, kyllä sitä samalla oppii kaikenlaista uutta. Toivottavasti opas oli hyödyllinen aloittelijoille ja mikäli täällä oli jo vähän oppinutkin HTML-kielen ihminen, saattoi tästä olla sinulle jotakin muistoja, kuten mitä silloin, kun et itse osannut yhtään HTML-kieltä ja mietit, että miten kaikki lopulta onnistuu. Tässä oli tämä opas tältä kertaa, joten toivottavasti kaikki oppivat jotakin.

Kommentit (2)

Uusimmat

Suosituimmat

Uusimmat

Suosituimmat