Differences

This shows you the differences between two versions of the page.

Link to this comparison view

amprog_01 [2017-09-01 14:54] (current)
Line 1: Line 1:
 +====== Anders Intro - Introduktion HTML5 ======
  
 +<code html>
 +
 +<​!DOCTYPE html>
 +<html lang="​sv">​
 +<​head>​
 +  <meta charset="​utf-8">​
 +  <link rel="​stylesheet"​ href="​style.css">​
 +  <​title>​Exempel</​title>​
 +</​head>​
 +<​body>​
 +  <​h1>​Rubrik1</​h1>​
 +  <​h2>​Rubrik2</​h2>​
 +  <​h3>​Rubrik3</​h3>​
 +  <​p>​Det här är lite text.<​br>​
 +  Det här är mer text på en ny rad.
 +  Det här hör till första stycket.</​p>​
 + 
 +  <​p>​Det här hör till andra stycket.</​p>​
 + 
 +  <ol>
 +    <​li>​Första</​li>​
 +    <​li>​Andra</​li>​
 +    <​li>​Tredje</​li>​
 +  </ol>
 + 
 +  <ul>
 +    <​li>​Vår</​li>​
 +    <​li>​Sommar</​li>​
 +    <​li>​Höst</​li>​
 +    <​li>​Vinter</​li>​
 +  </ul>
 + 
 +  <​table>​
 +    <tr>
 +      <​th>​Rubrik1</​th>​
 +      <​th>​Rubrik2</​th>​
 +    </tr>
 +    <tr>
 +      <​td>​data1</​td>​
 +      <​td>​data2</​td>​
 +    </tr>
 +    <tr>
 +      <​td>​data3</​td>​
 +      <​td>​data4</​td>​
 +    </tr>
 +  </​table>​
 + 
 +  <a href="​http://​www.google.se">​Google</​a>​ <br>
 +  <img src="​bild.jpg"​ alt="​Skoter"​ width="​400">​
 +  <img src="​http://​www.sjoren.se/​blogg/​wp-content/​uploads/​2011/​04/​skoter-9.jpg"​ alt="​Skoter"​ width="​400"> ​
 + 
 +  <​form>​
 +    Förnamn: <input type="​text"​ name="​fname">​ <br>
 +    Efternamn: <input type="​text"​ name="​ename">​ <br>
 +    <input type="​submit"​ value="​Knapp">​
 +  </​form>​
 + 
 +  <​select>​
 +    <option value="​volvo">​Yamaha</​option>​
 +    <option value="​volvo">​Skräp</​option>​
 +  </​select>​
 + 
 +</​body>​
 +</​html>​
 +</​code>​