JSFiddle

  • Hemsida #4 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <ul id="menu-bar">
     <li class="active"><a href="#">Home</a></li>
     <li><a href="#">Products</a>
      <ul>
       <li><a href="#">Merch.</a></li>
       <li><a href="#">Posters</a></li>
       <li><a href="#">Others.</a></li>
      </ul>
     </li>
     <li><a href="#">Photos</a>
      <ul>
       <li><a href="#">Lifestyle</a></li>
       <li><a href="#">Collabs.</a></li>
       <li><a href="#">Countries</a></li>
      </ul>
     </li>
     <li><a href="#">About</a></li>
     <li><a href="#">Contact</a></li>
  • Hemsida

    No-Library (pure JS), HTML, CSS, JavaScript

    <ul id="menu-bar">
     <li class="active"><a href="#">Home</a></li>
     <li><a href="#">Products</a>
      <ul>
       <li><a href="#">Merch.</a></li>
       <li><a href="#">Posters</a></li>
       <li><a href="#">Others.</a></li>
      </ul>
     </li>
     <li><a href="#">Photos</a>
      <ul>
       <li><a href="#">Lifestyle</a></li>
       <li><a href="#">Collabs.</a></li>
       <li><a href="#">Countries</a></li>
      </ul>
     </li>
     <li><a href="#">About</a></li>
     <li><a href="#">Contact</a></li>
  • Formulär #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    
        
    <body><!--sidans innehåll-->
            <form action="form.php" method="post"> 
                <fieldset>
                    <legend>Namn</legend>
                    <p>
                        <label for="text">Namn</label>
                        <input type="text" id="text" placeholder="John Doe"
                        name="text" />
                    </p>
                    
                    <p>
                        <label for="id-password">Lösenord</label>
                        <input name="element-password" id="id-password" type="password" required="required"/>
                    </p>
                    
                </fieldset>
                <!--Namn och lösenord i samma ruta-->
                
                <fieldset>
                    <legend>2 x 5 = </legend>
                    <p>
                        <label for="checkbox-10">10.</label>
                        <input type="checkbox" id="checkbox-10" name="grupp-namn" value="10">
                   </p>
                    <p>
                        <label for="checkbox-9 + 1">9 + 1.</label>
                        <input type="checkbox" id="checkbox-9 + 1" name="grupp-namn" value="9 + 1">
                    </p>
                    <p>
                        <label for="checkbox-11-1">11 - 1</label>
                        <input type="checkbox" id="checkbox-11-1" name="grupp-namn" value="11-1">
                    </p>            
                </fieldset>
                
                <fieldset>
                    <legend>radio</legend>
                    <p>Vad är 2 + 3?</p>
                    <label for="radio-4">4</label>
                    <input type="radio" id="radio-4" name="radiogrupp" value="4"/>
                    <label for="radio-5">5</label>
                    <input type="radio" id="radio-5" name="radiogrupp" value="5"/>
                    <label for="radio-6">6</label>
                    <input type="radio" id="radio-6" name="radiogrupp" value="6"/>
                </fieldset>
    
                <fieldset>
                    <legend>nummer ...</legend></fieldset></!--namn></form></!--sidans></body>
  • lösenord

    <form action="login.php" method "get"
    <p>
       <label for="un">Didier:</label>
       <input name="username" id="un" required />
    </p>
    <p>
       <input type ="submit" value="Logga in" />
    </p>
    </form>
  • t3 #3 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <table>
          <tr>
      <td>Teckenkoder&nbsp;som&nbsp;får&nbsp;användas&nbsp;enligt&nbsp;standarden.</td>
          </tr>
          <tr>
              <td rowspan='2'>tecken</td>
              <td colspan='2'>kod</td>
              <td rowspan='2'>beskrivning</td>
          </tr>
          
          <tr>
            <td>tecken</td>
            <td>decimal</td>
          </tr>
          
          <tr>
              <td>&lt;</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>&gt;</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>&amp;</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>&quot;</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>fast mellanslag</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>mjukt mellanslag</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>zero-width space</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>hårt bindetecken?</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          <tr>
              <td>/</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          </tr>
          
          <tr>
              <td colspan='2'>Fler ...</td></tr></table>
  • listor #13 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p> Titel</p>
        <ol class="normal">List 1
      <li>Hello</li>
      <li>World</li>
      <li>What's up?</li>
    </ol>
        <p>2</p>
        <p>3</p>
        <p>4</p>  
    </div>
    
    
    
    
      
    
     
  • listor #24 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>1 text text text text text text text</p>
        <p>2</p>
        <p>3</p>
        <p>4</p>  
    </div>
    
    
    
      
    
     
  • margin-padding

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>1 text text text text text text text</p>
        <p>2</p>
        <p>3</p>
        <p>4</p>  
    </div>
    
    
    
      
    
     
  • margin-padding

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>1 text text text text text text text</p>
        <p>2</p>
        <p>3</p>
        <p>4</p>  
    </div>
    
    
    
      
    
     
  • margin-padding

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>1 text text text text text text text</p>
        <p>2</p>
        <p>3</p>
        <p>4</p>  
    </div>