Vad är en HTML-kula?
Om en användare vill lägga en lista på en webbsida finns det två alternativ tillgängliga - en ordnad lista och en oordnad lista. Skillnaden mellan de två är att med en ordnad lista visas artiklarna med ett stigande nummer eller bokstav, medan en HTML-kula används för objekten i en oordnad lista. Varje typ av lista har en annan HTML-tagg, med <OL> </OL> som används för ordnade listor och <UL> </UL> används för oordnade listor.
När en webbläsare visar en webbsida och kommer över <UL> -taggen berättas att en lista följer. Varje objekt i listan föregås av listobjektet taggen, eller <LI>. Vid varje <LI> infogar webbläsaren en HTML-kula för att starta det nya objektet i listan. När du kodar en lista är det viktigt att <LI> -taggen placeras framför varje objekt. Den har inte heller en stängningstagg, så nästa <LI> -tagg är det enda sättet som webbläsaren vet att sätta in en ny HTML-kula.
Koden för att skapa en punktlista på en webbsida ser ut enligt följande:
- <UL>
<LI> Listobjekt
<LI> Listobjekt
<LI> Listobjekt
</ UL>
Det finns ingen begränsning för antalet objekt som kan inkluderas i en lista. Om du kodar listan korrekt kommer du att se till att den visas korrekt i webbläsaren.
När det gäller att placera en HTML-kula framtill på listade objekt finns det tre olika alternativ tillgängliga. De tillgängliga alternativen är skiva, cirkel och kvadrat. Standard HTML-kula är en fylld cirkel, så om en typ inte ingår kommer webbläsaren automatiskt att infoga den kulan. När en lista är inbäddad i en lista är HTML-kulan för den inbäddade listan skivan.
Kuletypen kan ändras för varje specifikt listobjekt eller för hela listan. För att ändra ett specifikt listobjekt läggs följande kod till: typ = "kvadrat / skiva / cirkel." För en lista med en fyrkantig kula, skulle koden läsa på följande sätt: <LI type = "square">. Ändring av "kvadrat" till "skiva" eller "cirkel" kommer att säkerställa att den önskade HTML-kula införs.
För att ändra den punkt som används för en hel lista läggs typattributet till den oordnade listtaggen. I det här fallet, om användaren ville ha en lista med kulor som var rutor, skulle <UL> -taggen skrivas på följande sätt: <UL type = "square">. Om listobjekten anges med bara <LI> -taggen, skulle alla ha en fyrkantig kula. Att lägga till en typ till <LI> -taggen skulle ändra det specifika listobjektet från kvadratkulan till en annan HTML-kula.