Opret punkttegn i HTML vha
- tags.
Brug af punktopstillinger hjælper med at opdele store bidder af tekst og påpege lister med nyttige oplysninger. Punkttegn er nemme at oprette i tekstbehandlingssoftware, men når du skriver et HTML-dokument, skal du kende koden for at oprette dem. Der kræves ikke meget kode for at oprette en punktliste. Pak hver liste ind
- eller "uordnet liste"-tags. Du kan derefter gøre alt, hvad du vil med punktlisten ved at bruge Cascading Style Sheet-kode.
Trin 1
Skriv teksten til dine punktopstillinger. Start hvert punkt på sin egen linje. Pak hver linje ind
Dagens video
Trin 2
Opret en tom linje over punktlisten, og skriv derefter en åbning
- tag på den linje. Find slutningen af din punktopstilling, og opret derefter endnu en tom linje der. Indtast en afslutning
- tag. Her er et eksempel på en kort punktliste med en ID-attribut:
- Kugle en
- Kugle to
Trin 3
Brug "stil" til at oprette din punktliste ved hjælp af CSS-kode. Tilføj CSS-kode mellem taggene mellem taggene og, eller du kan skrive CSS-koden i en ekstern .CSS-fil og indlejre filen ved hjælp af en tag som dette:. Skift "sti/til/stylesheet.css" med stien til den .CSS-fil, du opretter. Brug id'et eller klasseattributten til at vælge dine punktlister, f.eks.:
#mylist li { skrifttype: kursiv; }
Ovenstående kode vælger alle
Trin 4
Brug egenskaben "listestil" i CSS til at ændre punktopstillingen. De tilgængelige punkttyper omfatter åbne cirkler, udfyldte skiver og firkanter til ikke-nummererede, ikke-alfabetiserede lister. Her er et eksempel på firkantede kugler:
#mylist li {liste-stil: firkantet;}
Tip
Brug
- tag i stedet for
- at oprette ordnede lister. Du kan derefter indstille typen "listestil" til forskellige typer tal eller bogstaver.
- tag et ikke-gentaget, venstrejusteret baggrundsbillede. Tilføj polstring til venstre side af hver
- tag for at flytte teksten henover, ellers vil den overlappe billedet.
Opret billedpunkter ved at angive "ingen" for attributten "listestil" og giv derefter hver
