Kako poravnati seznam oznak v HTML
Spletni oblikovalci uporabljajo sezname oznak za več kot le dodajanje oznak in besedila. Oznaka HTML, ki se uporablja za ustvarjanje seznamov z oznakami, je priročna za ustvarjanje menijev ali organiziranje slik, ki jih JavaScript naloži v diaprojekcijo. Če se boste naučili uporabljati kodo kaskadnega slogovnega lista v povezavi z označevalnimi seznami – v slengu HTML imenovani »neurejeni seznami« – boste odprli več razburljivih možnosti spletnega oblikovanja.
1. korak
Odprite datoteko HTML, ki vsebuje označeni seznam, in poglejte med
in oznake proti vrhu kode. Dodajte oznake, če še niso prisotne. Če vaša koda vključuje oznako nekje za in vsebuje sklic na datoteko CSS, nato odprite to datoteko. Vaša koda CSS je med oznakama ali v novi vrstici datoteke CSS.2. korak
Poravnajte besedilo znotraj vseh oznak tako, da nastavite "text-align" za oznako
- . Oznaka
- in oznake, da jih definirate kot del enega samega seznama. Ko poravnate besedilo za oznako
- Element seznama
- Element seznama
- se ovije okoli
- , poravnava vpliva na besedilo v vsaki vrstici, vendar ne poravna samega seznama na levi ali desni strani strani. Tukaj je primer kode CSS za nastavitev "text-align":
ul {text-align:right;}
Upoštevajte, da se oznake ne premikajo skupaj z besedilom. Krogle v tem primeru ostanejo levo.
3. korak
Poravnajte celoten seznam na levi ali desni strani strani tako, da za oznako
- nastavite »float«. Ko je »float« nastavljen na levo ali desno na oznaki
- , premakne celoten seznam z oznakami na levo ali desno stran. Nastavite float takole:
ul {float:right;}
Nastavite lahko "lebdenje" na levo ali desno, vendar ne na sredino.
4. korak
Zavijte svoje oznake
- in oznake, da ustvarite ovoj, ki bo središče označenega seznama na vaši strani. Vaša končna koda bo videti takole:
Oznaka ne centrira ničesar sama; za centriranje vsega morate uporabiti CSS. Dodajte to kodo med oznake