Vsebina
Spletni oblikovalci uporabljajo seznam "neurejeno" ali "zaznamek" za več kot le dodajanje zaznamkov in besedila. Oznaka HTML, ki se uporablja za ustvarjanje neurejenih seznamov, je uporabna za ustvarjanje menijev in organiziranje slik za nalaganje JavaScripta v predstavitev. Učenje, kako uporabljati CSS (Cascading Style Sheet) skupaj s temi seznami, bo odprlo številne možnosti oblikovanja spletnih strani. Uskladitev neurejenih seznamov je zelo pomembna za izboljšanje.
Navodila
-
Odprite datoteko HTML, ki vsebuje neurejen seznam, in si oglejte oznake in , na vrhu kode. Dodaj oznake> in če še niso prisotni. Če vaša koda vključuje oznako
- nekje za njo in vsebuje sklic na datoteko CSS, odprite datoteko. Vaša koda CSS bo potekala med> in ali v novi vrstici datoteke CSS.
-
Poravnajte besedilo v zaznamke tako, da nastavite lastnost »poravnave besedila« za vašo oznako
- . To vključuje oznake
- in jih opredeliti kot del enotnega seznama. Ko poravnate besedilo v oznaki
- , to vpliva na vse elemente na seznamu, ne pa na sam seznam na levi ali desni strani. Primer uporabe kode CSS za nastavitev lastnosti "text-align" je "ul {text-align: right;}". Upoštevajte, da se oznake ne premikajo z besedilom. V tem primeru bodo levo.
-
Celoten seznam poravnajte levo ali desno od strani, tako da nastavite lastnost »float« za vašo oznako
- . Ta lastnost vpliva na celoten seznam tako, da jo premaknete na levo ali desno stran. Napišite kodo "ul {float: desno;}".
To lastnost lahko nastavite na levo ali desno, ne pa na središče.
-
Obkrožite oznake
- z oznakami in ustvarite zavitek, ki bo osredotočil seznam na strani. Koda bo izgledala takole: "
- Element seznama
- Element seznama
Oznaka ne bo poravnala ničesar sama; uporabite CSS za centriranje vsega. Dodajte naslednjo kodo med> oznake ali v vašo CSS datoteko, da centrirate seznam: "div {display: block; text-align: center;} ul {display: inline-block; text-align: left;}".