Hvordan lage en uordnet liste for HTML5 og CSS3 programmering - dummies

Alle listetyper i HTML5 er nært beslektede. Den enkleste og mest vanlige typen liste er en uordnet liste. Du kan også bruke bestilte lister og nestede lister i HTML.

Se på en uordnet liste

Se på den enkle siden. I tillegg til et par overskrifter, har den en liste med informasjon.

Denne listen over nettlesere har noen interessante visuelle egenskaper:

• Varene er innrykket. Det er litt ekstra mellomrom mellom venstre margin og begynnelsen på hvert listeelement.

• Listenelementene har kuler. Den lille prikken foran hvert element er en kule. Kuler brukes ofte i uordnede lister som denne.

  

• Hvert element begynner en ny linje. Når et listeelement vises, vises det på en ny linje.

Disse egenskapene hjelper deg å se at du har en liste, men de er bare standardoppførsel. Definere noe som en liste tvinge ikke det til å se på en bestemt måte; standardinnstillingene hjelper deg bare å se at disse elementene faktisk er en del av en liste.

Husk kjernen ideen om HTML her. Du beskriver egentlig ikke hvordan ting ser ut, men hva de betyr . Du kan endre utseendet senere når du finner ut CSS, så vær ikke for bundet i det spesielle utseendet på ting. For nå, bare gjenkjenne at HTML kan bygge lister, og sørg for at du vet hvordan du bruker de ulike typene. Slik bygger du en uordnet liste

Lister er laget med to typer tagger. En tag omgir hele listen og angir den generelle typen liste. Dette første eksempelet viser en uordnet liste, som er omgitt av paret.

Merk:

Pek inn all koden i settet er vanlig. Den uordnede listen kan gå i hoveddelen.

Innenfor

settet er en rekke listeposter. Hvert element i listen er lagret mellom en(liste element) og en

• tag. Normalt går hvert
-par på sin egen linje av kildekoden, selv om du kan lage et listeobjekt så lenge du vil.Du kan endre kulen til alle slags andre bilder, inkludert sirkler, firkanter og til og med egendefinerte bilder.

Koden for den uordnede listen er ganske enkel:

basicUL. html

Grunnleggende lister

Vanlige nettlesere

Firefox

Chrome
Internet Explorer
Opera
Safari