Referens
HTML ul

HTML ul

HTML ul taggen anger en oordnad lista.

Exempel:

  • Första objektet
  • Andra objektet

HTML:

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

I en oordnad lista är de olika objekten vanligtvis markerade med en punkt. Listan börjar med en <ul>- tagg och varje objekt i listan måste ingå i listobjektelementet li.

Läs mer om HTML ul i HTML listor.

HTML ul
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" och "type" är utfasade i HTML 4.01 och stödjs inte i XHTML 1.0 Strict DTD

Tips för HTML ul

Använd CSS för att bestämma utseendet på listans punkter.

CSS:

ul
{
list-style-type: disc;
}

De vanligaste värdena är:

list-style-type="värde"
Värde Utseende
none ingen punkt
disc ifylld cirkel
circle cirkel
square fyrkant

Om inget anges är standardvärdet "disc".

Listans utseende kan även formateras med hjälp av presentationsattribut.

HTML ul attribut

Specifika attribut
Attribut Beskrivning Värde
compact Anger om listan ska visas i kompakt form. Utfasat attribut compact
type Anger hur listans punkter ska visas. Utfasat attribut disc, circle, square

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