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> <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>