CSS

2015/12/05
html css

HTML5 ja CSS3 osa 4

Median lisääminen sivuille. Kuva Pelkkä tekstisivu ilman kuvia saattaa jäädä hieman tylsäksi. Kuvan lisäät <img> tagilla. Se on yksi harvoista tageista jolla ei ole erillistä päättävää tagia, vaan päätös merkitään määrittelyn loppuun kauttaviivalla /> <img src=”kuva.jpg” /> src (source) kertoo kuvan osoitteen, […]
2015/11/11
html css

HTML5 ja CSS3 osa 3: Linkit

Jossain vaiheessa törmää käsitteisiin lohkotason (block) ja tekstitason (inline) elementti. Me olemme jo aiemmissa osissa käyttäneet joitakin molemmista elementeistä. Erona on, että lohkotason elementti aloittaa aina uuden rivin ja täyttää leveys-suunnassa kaiken mahdollisen tilan (venyy oikealle ja vasemmalle niin pitkälle kuin pystyy.) […]
2015/10/29
html css

HTML5 ja CSS3 osa 2: Lisätään sisältöä

Saimme tämän HTML5 & CSS3 sarjan ensimmäisessä osassa sivun rungon valmiiksi. Sisällön lisäämiseen ryhdytään seuraavaksi. Lisää aloittavan ja lopettavan body-tagien väliin seuraavat rivit: <h1>Tervetuloa websivulleni!</h1> <p>Tässä vähän koodailin aikani kuluksi ja tein tällaisen websivun. Ne tekee jotka osaa, muut vaan katselee.</p> Jatkossakin, […]
2015/10/21
html css

HTML5 ja CSS3 osa1: sivun raamit

Alkuun päästäksesi et tarvitse tehokasta konetta tai hienoja ohjelmia, melkein mikä tahansa räyskä riittää kunhan siinä on selain (IE, Firefox, Chrome…) ja tekstimuistio, joka Windows koneilla löytyy Apuohjelmista. (Jos olet Mac-käyttäjä, suosittelen ilmaista Komodo Editiä tai gedit:ä) Älä kuitenkaan käytä Wordin kaltaisia […]