NemProgrammering.dk logo
NemProgrammering.dk Trustpilot

Lister i HTML

Lad NemProgrammering.dk´s eksperter lave din hjemmeside for dig
Vi tilbyder professionel hjælp til udvikling af hjemmesider og webshops . Læs mere om vores ydelser her!

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, definition 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.

Der findes en ældre version af denne video. Hvis du ønsker at se denne så klik her: Lister i HTML

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 lang="da">
    <HEAD>
        <TITLE> Lister i HTML 5 </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
    </HEAD>
    <BODY>
        
        <ul>
            <li>Data 1
                <ol>
                    
                     <li>Data 1,1</li>
                     <li>Data 1,2</li>
                     
                </ol>           
                
            </li>
            <li>Data 2</li>
            <li>Data 3</li>
            <li>Data 4</li>
            
        </ul>
        
        <ol>
            <li>Data 1</li>
            <li>Data 2</li>
            <li>Data 3</li>
            <li>Data 4</li>
            
        </ol>
        
        <dl>
            <dt>punktet</dt>
            
            <dd>beskrivelse</dd>
            
            <dt>punktet</dt>
            
            <dd>beskrivelse</dd>
            
        </dl>
    </BODY>
</HTML>
        

Spørgsmål og kommentarer

Har du et spørgsmål eller en kommentar til denne video/artikel? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar til at hjælpe.

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

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

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


Forum stats

  • 1146 Antal brugere
  • 1611 Antal emner
  • 8069 Antal indlæg

Deltag selv!

Nyt fra vores bloggere

Besøg vores webbureau

WordPress Hjemmeside

Nyheder

  • Lær, hvordan du kommer til tops i Google og får flere kunder med vores nye SEO kursus for begyndere. Læs mere her!
  • Du kan nu lære avanceret WordPress her på siden. Lær at tilpasse dit tema samt udvikle dit eget plugin! Lœs mere...
  • Nu kan du også lære at bruge Photoshop fra bunden! Se med her: Photoshop kursus
  • Du kan ikke drive et velfungerende udviklingsmiljø uden hurtigt bredbånd. Se vores artikel om Billig Bredbånd
  • Vil du blive bedre til Google Sheets? Så kan du med fordel se vores nye Google Sheets kursus!