See on pilt, mis on lisatud ilma igasuguste stiilideta. See võtab oma originaalsuuruse (või antud juhul määratud laiuse) ja tekst jätkub selle all.
See tekst on pildi all.
See tekst voolab ümber pildi, mis on paigutatud vasakule, kasutades style="float: left;". Selleks, et tekst pildile liiga lähedale ei satuks, on lisatud ka margin-right: 20px;, mis loob pildi paremale küljele tühiku. Lisaks on margin-bottom: 10px;, et tekst ei algaks ka kohe pildi alumise serva alt, kui tekstirida sinna jõuab. See on väga levinud viis artiklites piltide paigutamiseks. Tekst jätkub siin veel pikalt ja pikalt, et näidata, kuidas see korrektselt ümber pildi murdub ja selle all jätkub.
See tekst voolab ümber pildi, mis on paigutatud paremale, kasutades style="float: right;". Sarnaselt eelmisele ülesandele on siin pildi ja teksti vahele õhu lisamiseks kasutusel margin-left: 20px;. See tagab, et tekst ei ole vastu pildi vasakut serva surutud. margin-bottom: 10px; aitab ka siin paigutust parandada. See tehnika on samuti väga populaarne ja annab lehele dünaamilise ilme. Tekst jätkub siin veel pikalt ja pikalt, et näidata, kuidas see korrektselt ümber pildi murdub ja selle all jätkub.
Siin on kasutatud <head> sektsioonis määratletud CSS-klasse (.tunniplaan-tabel), et hoida HTML-kood puhtamana. Tundide taustavärvid on lisatud reasisese stiiliga.
| Aeg | Esmaspäev | Teisipäev | Kolmapäev |
|---|---|---|---|
| 08:30 - 10:00 | Veebiarendus (Loeng) | Andmebaasid (Praktika) | |
| 10:15 - 11:45 | Matemaatika (Seminar) | Andmebaasid (Praktika) | |
| 12:00 - 13:30 | Lõuna | Lõuna | Lõuna |
| 13:45 - 15:15 | Inglise keel (Rühm 1) |
Tabelit saab kasutada ka elementide kõrvuti paigutamiseks. Siin on pilt ühes ja tekst teises lahtris.
|
|
See tekst on paigutatud pildi kõrvale tabeli teise lahtrisse. Selle stiil (font, värv, joondus) on määratud reasisese CSS-iga. |
Raamideta tabel (border: none; või lihtsalt stiili määramata jätmine) sobib hästi sisu veergudesse jaotamiseks.
Kliimamuutuste Mõjud Euroopas |
||
|---|---|---|
| Põhja-Euroopa: Üheks peamiseks murekohaks on sagenenud sademed ja üleujutused. Talved muutuvad pehmemaks, mis mõjutab taliturismi ja ökosüsteeme. | Kesk-Euroopa: Siin on oodata äärmuslikke ilmastikunähtusi, sealhulgas kuumalaineid ja intensiivseid vihmasadusid. See mõjutab põllumajandust ja inimeste tervist. | Lõuna-Euroopa: Kõige tõsisem oht on veepuudus ja kõrbestumine. Pikad kuumaperioodid ja põuad muutuvad tavalisemaks, suurendades metsatulekahjude ohtu. |
See tabel näitab colspan (veergude ühendamine) ja rowspan (ridade ühendamine) kasutamist.
| Aeg | Saal A | Saal B |
|---|---|---|
| 9:00 - 10:00 | Avamine ja peaettekanne (Ühendatud saalid) | |
| 10:00 - 11:00 | Ettekanne A1: Tehisintellekt | Ettekanne B1: Küberturvalisus |
|
11:00 - 12:00 (Samaaegsed sessioonid) |
Ettekanne A2: Masinõpe | Ettekanne B2: Andmekaitse |
| Ettekanne A3: Suured Andmed | Ettekanne B3: Pilvetehnoloogiad | |
| 12:00 - 13:00 Lõunapaus | ||