![...](/f/085111dad87b9ad0483fc9982cb4bcb0.jpg)
Kasutage HTML-is täpploendite joondamiseks CSS-koodi.
Veebidisainerid kasutavad täppide loendeid enamaks kui lihtsalt täppide ja teksti lisamiseks. Täpploendite loomiseks kasutatav HTML-märgend on mugav menüüde loomiseks või piltide korraldamiseks JavaScripti slaidiesitlusse laadimiseks. Kaskaadlaadilehe koodi kasutamise õppimine koos täpploenditega – HTML-i slängis nimetatakse järjestamata loenditeks – avab mitmeid põnevaid veebidisaini võimalusi.
Samm 1
Avage täpploendit sisaldav HTML-fail ja vaadake koodi ülaosa poole märgendite ja vahel. Lisage sildid, kui neid veel pole. Kui teie kood sisaldab a silt kuskil sildi järel ja see sisaldab viidet CSS-failile, siis avage see fail. Teie CSS-kood läheb siltide vahele või teie CSS-faili uuele reale.
Päeva video
2. samm
Joondage tekst kõigis täppides, määrates oma jaoks "teksti joondamise".
- silt. The
- ja sildid, et määratleda need ühe loendi osana. Kui joondate teksti jaoks
- sildi ümbritseb
- sildil, mõjutab joondus iga täpi teksti, kuid ei joonda loendit ennast lehe vasakule või paremale. Siin on näide CSS-koodist teksti joondamise määramiseks:
ul {teksti joondamine: paremale;}
Pange tähele, et täpid ei liigu koos tekstiga. Kuulid jäävad sel juhul vasakule.
3. samm
Joondage kogu loend lehe vasakule või paremale, määrates oma jaoks "ujuk".
- silt. Kui "ujuk" on a-l vasakule või paremale seatud
- sildi, liigutab see kogu täpploendi lehe vasakule või paremale. Määra ujuk järgmiselt:
ul {float: paremale;}
Saate määrata "ujumise" vasakule või paremale, kuid mitte keskele.
4. samm
Pakkige oma
- sildid sisse
ja
sildid, et luua ümbris, mis asetab täpploendi teie lehele keskele. Teie saadud kood näeb välja selline:- Loendi üksus
- Loendi üksus
The
silt ei tsentreeri midagi iseenesest; peate kasutama CSS-i, et kõike tsentreerida. Lisage oma vahele järgmine kood