NemProgrammering.dk logo
nordicway webhotel

Lister i HTML

HTML kursus | Lær HTML for begyndere
WordPress hjemmeside hjælp

Information om denne video

Underviser: Thomas Iversen, www.billig-webhosting.dk

I denne video vil du lære, hvordan man laver lister i HTML. Vi vil blandt andet komme ind på unordered lists, ordered lists samt lister inde i andre lister. Det er vigtigt at du ved, hvordan man laver lister i HTML da de kan bruge til utrolig mange ting når du udvikler hjemmesider. F.eks. er mange menuer og navigationsbarer basseret på lister.

Herunder finder du HTML koderne der vil blive lavet i videoen! - kopier dem gerne!


Video tags:

Denne video relaterer til emner såsom: html hjemmesider , html kursus, HTML5 video tutorial, HTML vejledning, lær HTML5, begynder HTML5, gratis HTML video tutorials, lister i HTML5, definition lister, ordnede lister i HTML5

Her har du kildekoden

<!DOCTYPE html>
<html>
<head>
<title>Lister</title>
<meta charset="utf-8" />
<meta name="description" content="Side om lister" />
</head>
<body>

 <ul>
   <li>Item 1</li>
   <li>Item 2
     <ol>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
    </ol>
   </li>
   <li>Item 3</li>
   <li>Item 4</li>
 </ul>
  
</body>
</html>

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder og vi eller en anden lœser vil svare hurtigst muligt!

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
ole    09-10-2013

Når jeg laver list i html bruger jeg denne løsning: css: a {display:block;} <ul> <li> <a href="#">a1</a> <a href="#">a1</a> <a href="#">a1</a> </li> </ul> Flere spaltet: css: a {display:block;} li {float:left;} <ul> <li> <a href="#">a1</a> <a href="#">a1</a> <a href="#">a1</a> </li> <li> <a href="#">a1</a> <a href="#">a1</a> <a href="#">a1</a> </li> <li> <a href="#">a1</a> <a href="#">a1</a> <a href="#">a1</a> </li> </ul> begge metoder kan bruges med ander tag end a