Referens
HTML ol
HTML ol taggen anger en ordnad lista.
Exempel:
- Första objektet
- Andra objektet
HTML:
<ol> <li>Första objektet</li> <li>Andra objektet</li> </ol>
I en ordnad lista <ol> är de olika objekten vanligtvis markerade med en siffra. Listan börjar med en <ol>-tagg och varje objekt i listan måste ingå i listobjektelementet <li>.
Läs mer om HTMl ol i HTML listor
| Elementtyp | Sluttagg | Utfasat | Doctype |
|---|---|---|---|
| Blockelement | Ja | Nej | Strict, Transitional, Frameset |
| Elementet får innehålla | |||
| li | |||
| Elementet får finnas i | |||
| applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th | |||
| Skillnad mellan HTML och XHTML | |||
| Attributen "compact", "start" och "type" är utfasat i HTML 4.01 och stödjs inte i XHTML 1.0 Strict DTD | |||
Tips för HTML ol
Använd CSS för att bestämma utseendet på listans punkter.
CSS:
ol
{
list-style-type: lower-roman;
}
De vanligaste värdena är:
| Värde: | Exempel: |
|---|---|
| decimal | 1, 2, 3 |
| decimal-leading-zero | 01, 02, 03 |
| lower-roman | i, ii, iii, iv, v, etc. |
| upper-roman | I, II, III, IV, V, etc. |
| lower-alpha | a, b, c, d, e, etc. |
| upper-alpha | A, B, C, D, E, etc. |
| lower-greek | alpha, beta, gamma, etc. |
| lower-latin | a, b, c, d, e, etc. |
| upper-latin | A, B, C, D, E, etc. |
Om inget anges är standardvärdet decimal.
Listans utseende kan även formateras med hjälp av presentationsattribut.
HTML ol attribut
Specifika attribut |
||
| Attribut | Beskrivning | Värde |
|---|---|---|
| compact | Anger om listan ska visas i kompakt form. Utfasat attribut | compact |
| start | Anger vilket tal numreringen ska börja på. Utfasat attribut | heltal |
| type | Anger hur listans punkter ska visas. Utfasat attribut | A, a, I, i, 1 |
Universella attribut |
||
| Attribut | Beskrivning | Värde |
| accesskey | Anger en snabbtangent för att hoppa till ett element | tangentkod |
| tabindex | Anger "tab ordningen" på olika element | heltal |
| id | Anger att elements unika identitet | text |
| class | Anger vilken klass eller vilka klasser ett element tillhör | text |
| style | Tilldelar elementet en egen visuell stil | CSS attribut och värden |
| title | Anger en titel för eller kort beskrivning av elementet | text |
| dir | Anger textriktning för innehållet | rtl, ltr |
| lang | Anger språk på elementets innehåll | språkkod |
| xml:lang | Används istället för "lang" när koden skrivs i XHTML 1.0 | språkkod |
Händelse attribut |
||
| Attribut | Utlösande händelse | Värde |
| onclick | Enkelklick med musen på elementet | javascript |
| ondblclick | Dubbelklick med musen på elementet | javascript |
| onkeydown | En tangent trycks ned | javascript |
| onkeyup | En tangent släpps upp | javascript |
| onkeypress | En tangent trycks ned eller hålls nedtryckt | javascript |
| onmousedown | En musknapp trycks ned över elementet | javascript |
| onmouseup | En musknapp släpps upp över elementet | javascript |
| onmouseover | Muspekaren flyttas in över elementet | javascript |
| onmousemove | Muspekaren flyttas inom elementet | javascript |
| onmouseout | Muspekaren flyttas ut från elementet | javascript |





