Lag kulepunkter i HTML ved hjelp av
- tagger.
Å bruke punktpunkter hjelper til med å bryte opp store tekstbiter og peke ut lister med nyttig informasjon. Punktpunkter er enkle å lage i tekstbehandlingsprogramvare, men når du skriver et HTML-dokument, må du kjenne til koden for å lage dem. Det kreves ikke mye kode for å lage en punktliste. Pakk hver liste inn
- eller "uordnet liste"-tagger. Du kan deretter gjøre hva du vil med punktlisten ved å bruke Cascading Style Sheet-kode.
Trinn 1
Skriv teksten for punktene dine. Start hvert punkt på sin egen linje. Pakk hver linje inn
Dagens video
Steg 2
Lag en tom linje over punktlisten og skriv deretter inn en åpning
- tag på den linjen. Finn slutten av punktlisten din, og lag en ny tom linje der. Skriv inn en avslutning
- stikkord. Her er et eksempel på en kort punktliste med et ID-attributt:
- Kule én
- Kule to
Trinn 3
Bruk "stil" for å lage punktlisten din med CSS-kode. Legg til CSS-kode mellom kodene mellom taggene og, eller du kan skrive CSS-koden i en ekstern .CSS-fil og bygge inn filen ved å bruke en tag som dette:. Endre "path/to/stylesheet.css" med banen til .CSS-filen du oppretter. Bruk ID- eller klasseattributtet for å velge punktlistene dine, slik som:
#mylist li { font-stil: kursiv; }
Koden ovenfor velger alle
Trinn 4
Bruk egenskapen "listestil" i CSS for å endre punkttype. De tilgjengelige kuletypene inkluderer åpne sirkler, utfylte plater og firkanter for ikke-nummererte, ikke-alfabetiserte lister. Her er et eksempel for firkantede kuler:
#mylist li {liste-stil: kvadrat;}
Tips
Bruke
- tag i stedet for
- for å lage ordnede lister. Du kan deretter sette "listestil"-typen til forskjellige typer tall eller bokstaver.
- tag et ikke-repeterende, venstrejustert bakgrunnsbilde. Legg til polstring på venstre side av hver
- tag for å flytte teksten over, ellers vil den overlappe bildet.
Lag bildepunkter ved å spesifisere "ingen" for "listestil"-attributtet og gi deretter hver
