Tekstformatering i HTML

Indlæs andet indhold på denne side:

Man er næppe kommet ret langt i sit arbejde med at lave en hjemmeside, før behovet for at kunne styre skriftstørrelser, fonte, afsnit og overskrifter melder sig. Det er netop emnet for denne side.

Lister

Indlæs andet indhold på denne side:

Uordnede lister

Siden er opdateret 22.9.2006

I nogle sammenhæng skal man på sin side notere et antal punkter, som det vil være pænest og/eller mest overskueligt at opregne på listeform. Det er i og for sig ret simpelt at lave en sådan liste.

En såkaldt uspecificeret liste kodes sådan: Resultatet ser sådan ud:
<ul>
  <li>Første punkt på din liste</li>
  <li>Andet punkt på din liste</li>
</ul>

  • Første punkt på din liste
  • Andet punkt på din liste

Du kan også få firkantede punktmærker i stedet for de runde, hvis du tilføjer type="square" til <ul>

Den uspecificerede liste kodes da sådan: Resultatet ser sådan ud:
<ul class="firk">
  <li>Første punkt på din liste</li>
  <li>Andet punkt på din liste</li>
</ul>

  • Første punkt på din liste
  • Andet punkt på din liste

Dette kræver så, at du i din *.css-fil laver en klasse sådan:

.firk{
list-style: square
}

En tredje type mærker, der kan sættes ved de enkelte listepunkter er en åben ring. Den har typebetegnelsen circle, som så sættes ind i stedet for square i en tilsvarende klasse - kald den ring.

Den uspecificerede liste kodes da sådan: Resultatet ser sådan ud:
<ul class="ring">
  <li>Første punkt på din liste</li>
  <li>Andet punkt på din liste</li>
</ul>

  • Første punkt på din liste
  • Andet punkt på din liste
.ring{
list-style: circle
}

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen januar 2000
Hjemmesideskolen
Du er her: Forsiden - html - Tekstformatering i HTML
Brugere lige nu: 1
Home Mail