Ü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

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