Category: HTMLi kursus

Täielik HTML5 kursus algajatele

HTMLi kursus #10.1 – Elementide tähendus ja content model

HTMLi kursus #10.1 – Elementide tähendus ja content model

Nüüd oleme jõudnud HTMLi kursusega nii kaugele, et võtame ette natukene keerulisemad teemad kui lihtsalt elemendid. Nimelt on mul plaanis täna sulle selgeks teha HTMLi content model (või ka content types) ehk sisutüübid. Enne kui edasi lähed, soovitaksin sul unustada peaaegu kogu minu teooria plokk- ja siseelementidest, sest nüüd me räägime juba täpsemalt, kuidas HTMLis …

+ Read More

HTMLi kursus #9 – Erilised elemendid

HTMLi kursus #9 – Erilised elemendid

Eelmine osa: HTMLi kursus #8 – Back-end HTMLi kursus hakkab vaikselt (vähemalt elementide poole pealt) lõpule jõudma ja tänases osas võtamegi läbi sellised erilised elemendid, mida on natukene raske grupeerida ja ühe pealkirja alla panna. Üks siinses postituses käsitletud “element” ei ole tegelikkuses isegi element, nii et see postitus on ünsagi special 😀 . Olemas …

+ Read More

HTMLi kursus #8 – Back-end

HTMLi kursus #8 – Back-end

Eelmine osa: HTMLi kursus #7 – Formid Tänases HTMLi kursuse osas võtame ette siis HTML back-endi ehk tagaplaani. Tegelikkuses ei ole HTMLil tagaplaani, sest HTML on ise täielikult front-end ehk esiplaani tehnoloogia, kuid andsin postitusele sellise nime, sest neid elemente, mis on siin lahti seletatud, ei näe kasutaja (veebilehel). Jätsin välja ka elemendid, mis võib …

+ Read More

HTMLi kursus #7 – Formid

HTMLi kursus #7 – Formid

Eelmine osa: HTMLi kursus #6.3 – RWD meediafailid Tänaseks teemaks on formid ja nende alamelemendid. Formide põhiline ülesanne on kasutajalt infot vastu võtta (nt. pakisaatmisaadress jne) ja see edasi saata serverisse. Edasi saatmist serverisse küll täna kahjuks ei tee (ei puuduta HTMLi), küll aga kasutame Formspreed, et saata formi sisestatud info sinu e-mailile – esimest …

+ Read More

HTMLi kursus #6.3 – RWD meediaelemendid

HTMLi kursus #6.3 – RWD meediaelemendid

Eelmine osa: HTMLi kursus #6.2 – keerulised meediaelemendid Selles meediaelementide õpetuspostituses räägin ma RWD meediaelementidest. Ja nagu ikka on olemas näidisleht, mille interaktiivne versioon asub siin. Näidisleht RWD’est üldisemalt Enne kui ma räägin RWD meediaelementidest ja nende atribuudidest, teen ma selgeks, mis RWD üldse on. RWD (Responsive Web Design) ehk skaleeruv veebidisain on veebidisain, kus …

+ Read More

HTMLi kursus #6.2 – keerulised meediaelemendid

HTMLi kursus #6.2 – keerulised meediaelemendid

Eelmine osa: HTMLi kursus #6.1 – lihtsad meediaelemendid Selles meediaelementide osas on keerulisemad elemenedid. See tähendab seda, et need elemendid vajavad korralikuks funktsioneerimiseks mingis muus keeles välisfaili (mida ma arvan, et sa veel ei tunne). Ja selletõttu ei pruugi sa neid elemente täielikult kasutada. Kui aga sa saad asjadest aru ja sa oskad elemente kasutada, …

+ Read More

HTMLi kursus #6.1 – lihtsad meediaelemendid

HTMLi kursus #6.1 – lihtsad meediaelemendid

Eelmine osa: HTMLi kursus #5 – Sektsioonielemendid Tänases HTMLi kursuse osas võtame ette meediaelemendid ehk elemendid, mis lubavad HTMLi lisada videoid, audiot, pilte ja muid renderdamisega seotud faile. Siin postituses on välja toodud elemendid, mida on kerge HTMLi lisada ning ei vaja lisateadmisi muudest valdkondadest. Algselt pidi tänane artikkel olema üks postitus, aga otsustasin jagada …

+ Read More

HTMLi kursus #5 – Sektsioonielemendid

HTMLi kursus #5 – Sektsioonielemendid

Eelmine osa: HTMLi kursus #4.2 – tabelid Tänaseks teemaks on HTMLi sektsioonielemendid. Tegemist on elementidega, mille ülesanne on jaotada veebileht erinevateks (alam)osadeks, mis aitavad veebilehte paremini mõista ja ka kujundada. Sellelgil osal on näidisleht (interaktiivne näide siin) ja konspekt (interaktiivne näide siin). Näidisleht Tänases osas on inspekteerimine isegi kohustsulik, sest sektsioonielemendid ei anna juurde mingit visuaalset …

+ Read More

HTMLi kursus #4.2 – Tabelid

HTMLi kursus #4.2 – Tabelid

Eelmine osa: HTMLi kursus #4.1 – Nimekirjad Tänases õpetuses võtame ette tabelid. Need ei ole väga keerulised, aga siiski võib tulla ette kohti, mis on segadust tekitavad ja vahel isegi tüütud. Ma olen jaganud selle postituse kolmeks osaks: lihtsamad tabelid – räägin tabelite algtõdedest ja elementidest keerulisemad tabelid – räägin natukene keerulisemate tabelite elementidest tabelite …

+ Read More

HTMLi kursus #4.1 – Nimekirjad

HTMLi kursus #4.1 – Nimekirjad

Eelmine osa: HTMLi kursus #3 – Tekst Enne kui lähen tänase postituse juurde ütlen ma kohe ära, et siin on plokkelemendid plokkelemendite sees. Tegemist on võib olla praegu natukene “illegaalse” tegevusega, kuid teatud mõttes on tänased lapselemendid sektsioonelemendid. Need jaotavad elemendi sisu mitmeks erinevateks osadeks. Näidisleht (pöörake tähelepanu erinevatele nimekirjadele) Lähtekoodi nägemiseks klikkage paremal üleval …

+ Read More