Referens
HTML li

HTML li

HTML li taggen anger varje enskilt element i en lista. Elementet används både i ordnad listor och oordnade listor.

Exempel:

  • Första objektet
  • Andra objektet

HTML:

<ul>
   <li>Första objektet</li>
   <li>Andra objektet</li>
</ul>

Läs mer om HTMl li i HTML listor

HTML li
Elementtyp Sluttagg Utfasat Doctype
Listelement Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
Blockelement, inlineelement (enbart inlineelement vid dir och menu)
Elementet får finnas i
dir, menu, ol, ul
Skillnad mellan HTML och XHTML
Attributet ”type” och ”value” är utfasat i HTML 4.01 och stödjs inte i XHTML 1.0 Strict DTD

Tips för HTML li

Listor kan med fördel användas till att innehålla länklistor.

HTML kod

<ul>
  <li><a href="index.htm">Hem</a></li>
  <li><a href="kontakt.htm">Kontakt</a></li>
  <li><a href="länkar.htm">Länkar</a></li>
</ul>

Dessa länklistor kan sedan ges olika utseenden med CSS.

HTML li attribut

Valbara attribut
Attribut Beskrivning Värde
type Anger hur listans punkter ska visas. Utfasat attribut A, a, I, i, 1, disc, square, circle
value Anger vilket tal numreringen ska fortsätta med. Utfasat attribut heltal

Universella attribut
Attribut Beskrivning Värde
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
| Mer