Sisu
Veebidisainerid kasutavad "järjekorras" või "järjehoidja" nimekirju rohkem kui lihtsalt järjehoidjate ja teksti lisamiseks. Järjestamata nimekirjade loomiseks kasutatav HTML-silt on kasulik menüüde loomiseks ja piltide organiseerimiseks JavaScripti laadimiseks esitlusse. Õppimine, kuidas kasutada CSS-i (Cascading Style Sheet) koos nende nimekirjadega, avab palju veebidisaini võimalusi. Korraldamata nimekirjade joondamine on väga oluline oskus parandada.
Juhised
-
Avage järjestamata nimekirja sisaldav HTML-fail ja vaadake silte ja , koodi ülaosas. Lisa sildid> ja kui nad ei ole juba kohal. Kui teie kood sisaldab sildi
- kusagil pärast seda ja see sisaldab viidet CSS-failile, avage see fail. Teie CSS-kood läheb vahemikus> ja või oma CSS-faili uues reas.
-
Joondage tekst järjehoidjate vahel, seadistades oma sildi "text-align" omaduse
- . See hõlmab silte
- ja määratleda need ühe nimekirja osana. Kui sildistate teksti sildil
- see mõjutab kõiki loendi elemente, kuid mitte ise nimekirja, lehe vasakule või paremale. Näide CSS-koodi kasutamisest, et määrata "text-align" -funktsioon, kasutage "ul {text-align: right;}". Pange tähele, et markerid ei liigu koos tekstiga. Sel juhul on need vasakul.
-
Joondage kogu loend lehe vasakule või paremale, seades oma sildi "float" omaduse
- . See omadus mõjutab kogu nimekirja, liigutades seda lehe vasakule või paremale. Kirjutage kood "ul {float: right;}".
Selle omaduse saate seadistada vasakule või paremale, kuid mitte keskele.
-
Envelop oma sildid
- sildid ja luua mähis, mis koondab lehekülje loendi. Kood näeb välja selline: "
- Loendielement
- Loendielement
Silt ei joosta midagi ise; sa peaksid kasutama CSS-i kõike keskele. Lisage järgmine kood> sildi või oma CSS-faili vahele, et keskendada loend: "div {display: block; text-align: center;} ul {display: inline-block; text-align: left;}".