Ülesanne 04: Piltide lisamine ja positsioneerimine
4.1 Pilt
4.2 Tekst pildi kõrval (pilt vasakul)
See on pikem tekst, mis on joondatud pildi kõrvale paremale poole. Kasutame selleks CSS-i omadust float: left.
See tekst täidab pildi kõrval oleva ala ja on piisavalt pikk, et jätkuda ka pildi all. Marginaalid tagavad,
et tekst ei asuks liiga lähedal pildi servale. See on väga tavaline viis, kuidas veebilehtedel sisu ja pilte
kombineeritakse.
Loodan, et see tekst on piisavalt pikk, et näidata, kuidas tekst pildi ümber voolab.
4.3 Tekst pildi kõrval (pilt paremal)
Selles ülesandes on pilt joondatud paremale poole, kasutades float: right stiili. Nüüd asub tekst pildist
vasakul pool. Oleme lisanud margin-left omaduse, et pildi ja teksti vahele jääks puhas vaba ruum.
Selline paigutus on kasulik, kui soovite vaheldust oma veebilehe kujunduses. Tekst voolab kenasti
pildi ümber ja jätkub pildi all, kui tekst on piisavalt mahukas. See on lihtne ja tõhus viis sisu esitlemiseks.
Ülesanne 05
5.1 Tunniplaan
| Esmaspäev |
Teisipäev |
Kolmapäev |
Neljapäev |
Reede |
Laupäev |
| |
|
8:15 Veebilehtede loomine (e-õpe) |
|
8:30 Infoturve (loeng) |
8:30 Majanduse alused (seminar) |
5.2 Tekst ja pilt tabelis
:format(webp)/nginx/o/2026/03/24/17525423t1hf4cd.jpg)
|
Kass armastab kala ja see on tabeli sees olev tekst.
|
5.3 Ajalehe stiilis veerud
Vabariigi President Vabariigi aastapäeva kontserdil ja vastuvõtul Eesti Rahva Muuseumis
|
|
"Soovin teile südamest õnne tänaseks pidupäevaks. Meie riik on meie endi kätes ja iga panus loeb, et
hoida Eesti väärikust."
|
Eks sedagi ole hea märkida, et me oleme vabad ja iseseisvad. See vabadus annab meile võimaluse luua ja
areneda iga päevaga.
|
Aga mida tähendab väärikas riik? See tähendab hoolimist üksteisest, ausust ja pühendumust oma kodumaale
ja selle tulevikule.
|
5.4 Lahtrite ühendamine
| Ostukorv |
| 5. märts |
Sepik |
| Või |
| Banaan |
| Juust |
| Pasteet |