Õige kodeerimine nõuab HTML-is asjade joondamiseks CSS-i, kuid mitte kõik veebisaidid ei võimalda teil stiililehti kohandada, et saaksite oma veebilehe osi õigesti joondada. Siit saate teada, kuidas HTML-is midagi joondada nii, nagu soovite, isegi kui te ei saa selle tegemiseks saidile stiililehte lisada. Seda tehnikat nimetatakse “inline” CSS-iks.
1
Ümbritsege iga sektsioon, mille joondust on muudetud, märgiga “div”. See tähendab, et peate lisama “div” sümbolite “vähem kui” ja “suurem kui” sisse (<>) enne esimest HTML-märgendit, mille joondust muudetakse, ja lisama “/div” nende sümbolite sisse pärast viimast. HTML-märgend, mille joondust muudetakse.
2
Määrake, kuidas peate selles “div”-s teksti joondust muutma.
3
Kui teil on vaja teksti vasakule joondada, muutke märgendit “div” nii, et järgmine tekst oleks sümbolite “<>” sees: div style=’text-align:left’.Kui teil on vaja teksti paremale joondada, muutke “<>” sümbolites märgend “div” väärtuseks “div style=’text-align:right'”. Kui teil on vaja teksti keskele joondada, muutke märgend “div” väärtuseks “div style=’text-“. align:center'” sümbolite “<>” sees. Kui teil on vaja teksti õigustada, muutke sümbolite “<>” sees märgend “div” väärtuseks “div style=’text-align:justify'”.
4
Salvestage oma muudatused.
5
Kontrollige oma sisu välimust, et veenduda selle toimimises. Kui see ei töötanud, on veebisaidi stiililehel konkreetne kodeering, mis tühistab teie “div”. Alistage saidi stiilileht, lisades iga elemendi avamärgendi sisse sobiva versiooni “style=’text-align:right'”, et muuta selle joondust. Näiteks märgendist “p” saab sümbolite “<>” sees “p style=’text-align:right'”.
6
Nautige oma teksti kuvamist täpselt nii, nagu soovite.
7
Otsige üles selle pildi HTML-kood, mida soovite joondada.
8
Redigeerige märgendit “img”, et lisada sellele sobiv atribuut “float”. Kui soovite, et pilt riputaks vasakule, lisage märgendile “style=’float:left'”, nagu “img style=’float” :right'” sümbolite “<>” sees. Kui soovite, et pilt riputaks paremale, lisage märgendile “style=’float:right'”, nagu “img style=’float:right” sümbolid “<>“. Kui teil on vaja kujutist keskele riputada, muutub kood pisut keerulisemaks. Atribuuti “float:center” pole, seega peate märgendile lisama lahenduse “style=’align:center;text-align:center'”, nagu “img style=’align:center;text” -align:center'” uuesti sümbolite “<>” sees.
9
Salvestage oma kood.
10
Nautige joondatud pilte.