Listor är en viktig del av HTML för att visa data på ett organiserat och läsbart sätt. HTML tillhandahåller tre huvudtyper av listor: oordnade listor, ordnade listor och definitionslistor.
Oordnade listor(<ul>) använder specifika punktpunkter och visas som indragna objekt, vanligtvis med svarta punkter. Detta är ett populärt val för att lista artiklar som inte kräver en specifik beställning.
Ordnade listor(<ol>) använder specifika numrerings- eller teckenmarkörer och visas som en sekventiellt ordnad lista. Detta används ofta för att lista artiklar i en specifik ordning eller numrera dem.
Definitionslistor(<dl>) använder term- och beskrivningspar för att visa data. Varje par är inneslutet i taggarna <dt>(definitionsterm) och <dd>(definitionsbeskrivning). Detta är ett effektivt sätt att visa attribut eller definitioner för specifika begrepp.
Oordnad lista( <ul>)
- <ul> Elementet används för att skapa en oordnad lista.
- Varje objekt i den oordnade listan placeras i ett <li> element.
- Oordnade listor visas vanligtvis med punkter eller liknande tecken.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Beställd lista( <ol>)
- <ol> Elementet används för att skapa en ordnad lista.
- Varje artikel i den beställda listan placeras i ett <li> element.
- Ordnade listor visas vanligtvis med siffror eller alfabetiska tecken.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Definitionslista( <dl>)
- <dl> Elementet används för att skapa en definitionslista.
- Varje objekt i definitionslistan består av ett par <dt>(definitionsterm) och <dd>(definitionsbeskrivning) taggar.
- Taggen <dt> innehåller nyckelordet eller attributet som definieras, medan <dd> taggen innehåller beskrivningen eller förklaringen för det nyckelordet eller attributet.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Attribut för listtyp( <ul> och <ol>)
- Typeattributet används för att specificera numreringsstilen för en ordnad lista.
- Värdet på typattributet kan vara "1"(siffror), "A"(versaler), "a"(gemener), "I"(versaler romerska siffror) eller "i"(gemener romerska siffror) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Startattribut( <ol>)
- Startattributet används för att ange startvärdet för numreringen i en ordnad lista.
- Värdet på startattributet är ett positivt heltal.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Omvänt attribut( <ol>)
- Det omvända attributet används för att visa en ordnad lista i omvänd ordning.
- När det omvända attributet tillämpas, kommer numreringen att visas i fallande ordning.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Dessa attribut och element låter dig skapa och anpassa listor i HTML efter dina behov. Du kan använda dem för att visa data på ett tydligt och organiserat sätt på din webbplats.