experiment 1.0
<!DOCTYPE html>
<html>
<head>
  <title>experiment 1.0</title>
 
</head>

<body>
<main>
  <div>
  <h1 id="välkommen">välkommen</h1>
  </div>


  
<div>
  <h2>här kan du få vila</h2>
  <p>om du vill</p>
  <button>klicka på den här</button>
  </div>

  <div>
  
  <a href="#">
<img src="https://cdn.pixabay.com/photo/2016/04/28/20/52/cigarette-1359696_960_720.jpg" alt="cigarett" id="cigarett">
  </a>

  
  
    <p>ta en cigg också. klicka <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">här</a> för att ta ett bloss lol
    </p>
    <p>eller kolla på min <a href="https://www.tumblr.com/blog/mil0k">tumblrblogg</a>. den e rolig</p>
  </div>


  
  
  <div>
   <h2>lista på saker jag tycker om</h2>
    <ul>
    <li>dricka öl</li>
    <li>klappa hund</li>
    <li>spela banjo</li>
  </ul>
    <p>jag måste ta tillbaka min banjo. den e viktig</p>
    <ol>
      <li>aghhhhh</li>
      <li>hhhjj</li>
      <li>uww</li>
    </ol>
  </div>



  
  
  <div class="formulär">
     <form>
    <h2>vad tycker du om?</h2>
     <p>fyll i formuläret!!!</p>
   
    
     <label for="#fråga">fyll i här för att</label>
     <input type="text" id="fråga" placeholder="begå brott" required>
       <br>
       <p>vet din mamma om att du är bög?</p>
       <lable for="bög-ja">
         <input id="bög-ja" type="radio" name="välj" >ja</lable>
         <lable for="bög-nej">
         <input id="bög-nej" type="radio" name="välj">nej</lable>
         <lable for="bög-ibland">
         <input id="bög-ibland" type="radio" name="välj">ibland</lable>
       

      <h3>jag vill hit. vill du?</h3>
       <label for="dricka-spit">
   <input type="checkbox" name="vart" id="dricka-sprit">dricka sprit
   </label>
       <label for="hålla-käften">
   <input type="checkbox" name="vart" id="hålla-käften">hålla käften
   </label>
       <button type="submit" action="#">skicka</button>
       
      
     </form>
   </div>

 
<br>
  <br>
  <div>
     <a href="#">död länk</a> 
    <br>
    <a href="#välkommen">hoppa till toppen</a>
  </div>
</main>
</body>
  

<!-- detta är en kom ihåg-lapp-->

</html>
body {
    background-color: #000;
  }
  #cigarett {
    width: 200px;
}
  div {
    color: #FFF;
  font-family: "courier new";
  }
  #symbol {
  background-color: #FFF
  }
  h1 {
    font-size: 50px;
    background-color: #010;
    width: 50%;
  }
  h2 {
    background-color: #110;
    width: 70%;
  }
  form {
  background-color: #220;
    width: 80%
    
  }
  .formulär {
  border-width: 10px;
    border-color: #FFF
  }
  


/* ESLint rules https://eslint.org/docs/2.0.0/rules/ */
/* eslint no-undef: "off" */

experiment 1.0

  • Files
  • Index
  • Style
  • Script
  • README
  • CDN Add
HTML
PLEASE WAIT...