Kurs i webprogrammering: HTML

Modul 1 i programmeringskurset
    <html>
        <head>
            <title>Velkommen til bursdag</title>
        </head>
        <body>
            
            <h1>Velkommen til min bursdag</h1>
            <p>Jeg fyller år på søndag. du er velkommen til å bli med på telttur</p>
            <ul>
                <li>Pølser</li>
                <li>Fiskestang</li>
                <li>Telt</li>    
            </ul>
        </body>
    <html>
        <head>
            <title>Litt om overskrifter og tekster</title>
        </head>
        <body>
            <h1>Elefant på rømmen</h1>
            <p>En elefant rømte i går fra dyreparken i Kristiansand.</p>
            
            <h2>Merkelig oppførsel</h2>
            <p>Elefanten sies, i følge <a href="http://sp.no">Sørlandsposten</a>,  å ha oppført seg litt merkelig de siste dagene</p>
            
        </body>
    </html>
    <html>
        <head>
            <title>Med kajakk til jobb</title>
        </head>
        <body>
            <h1>En frisk start på dagen</h1>
            <p>Svein ble lei av å sitte i kø med bilen sin, og fant frem den gamle kajakken. Nå padler han til jobb og får en frisk start på dagen.</p>  
            
            <a href="snekke.html">Les også om snekka</a>
            <a href="index.html">Gå tilbake til forsiden</a>  
                            
        </body>
    </html>
    <html>
        <head>
            <title>På bærtur</title>
        </head>
        <body>
            <h1>På bærtur</h1>
            <p>Høsten er her, og skogen frister med modne blåbær. Vi dro ut tidlig i dag for å fylle kurvene.</p> 
            <img height="200" src="bilder/blueberry.jpg" alt="Blåbær som ligger i en kurv, og ser fristende ut.">       
            <h2>Et hyggelig møte</h2>
            <p>Ekornet er en trivelig krabat i skogen</p>
        </body>
    </html>
    <html>
        <head>
            <title>Ut på tur</title>
        </head>
        <body>
            <h1>På tur i skogen</h1>
            
            <a href="ekorn.html">
                <img width="200" src="bilder/ekorn.jpg">
            </a>
                  
        </body>
    </html>
    <html>
        <head>
            <title>En trivelig krabat</title>
        </head>
        <body>
            <h1>Møte med en trivelig krabat</h1>
            <figure>
                <img src="bilder/ekorn.jpg" width="250">
                <figcaption>I skogen kan du møte på denne trivelige krabaten</figcaption>
            </figure>
            <h2>Ekornet</h2>
            <p>Ekornet piler raskt opp og ned de store trærne i skogen...</p>
        </body>
    </html>
    <html>
        <head>
            <title>Lister</title>
        </head>
        <body>
            <h1>Handleliste</h1>
            <ul>
                <li>Prim</li>
                <li>Banos</li>
                <li>Et snes egg</li>
            </ul>
            
            <h1>Resultater fra 100-meter</h1>
            <ol>
    <html>
        <head>
            <title>Tabeller</title>
        </head>
        <body>
            <h1>Fakta om Skandinavia</h1>
            <table border="1">
                <tr>
                    <th>Land</th>
                    <th>Hovedstad</th>
                    <th>Antall innbyggere</th>
                </tr>
                <tr>
                    <td>Norge</td>
Gløer Langslet4:535 months ago
    <html>
        <head>
            <title>Semantisk HTML</title>
        </head>
        <body>
            <h1>Jeg er en overskrift</h1>
            <p>Jeg er et avsnitt</p>
            <div>Jeg er et div-element</div>
            <main>Jeg er main. Jeg er viktig</main>
        </body>
    </html>
    <html>
        <head>
            <title>Dele opp nettsiden</title>
        </head>
        <body>
            <header>
                <nav>
                    <a href="books.html">Books</a>
                    <a href="news.html">News</a>
                    <a href="books.html">Good reads</a>
                    <a href="books.html">Contact us</a>
                </nav>
            </header>
            
    <html>
        <head>
            <title>Nettavisa</title>
        </head>
        <body>
            <!-- Skriv koden deres her -->
            
        </body>
    </html>
    <html>
        <head>
            <title>Min oppskrift</title>
        </head>
        <body>
            
            <!-- Skriv din HTML-kode her -->
            
        </body>
    </html>