Homepage → Programmering → Talen → HTML  

HTML - Complexe voorbeelden

Inhoud

• Blokken
• Dropdown menu's
• Formulieren
• Knoppen
• Menu's
• Verborgen dingen te voorschijn halen

Blokken

• Vaste blokken

Dropdown menu's

• Horizontale dropdown menu op 1-level:
  
  
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  
  
• Horizontale dropdown menu op 3-level:
  
  
  • Main item 1
    • Sub item 1.1
    • Sub item 1.2
    • Sub item 1.3
    • Sub item 1.4
  • Main item 2
    • Sub item 2.1
    • Sub item 2.2
    • Sub item 2.3
      • Sub-sub item 2.3.1
      • Sub-sub item 2.3.2
      • Sub-sub item 2.3.3
      • Sub-sub item 2.3.4
    • Sub item 2.4
    • Sub item 2.5
  • Main item 3
    • Sub item 3.1
      • Sub-sub item 3.1.1
      • Sub-sub item 3.1.2
      • Sub-sub item 3.1.3
      • Sub-sub item 3.1.4
      • Sub-sub item 3.1.5
      • Sub-sub item 3.1.6
    • Sub item 3.2
  
  
• Vertikale dropdown menu op 1-level:
  
  
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  
  
• Vertikale dropdown menu op 3-level:
  
  
  • Main item 1
    • Sub item 1.1
    • Sub item 1.2
    • Sub item 1.3
    • Sub item 1.4
  • Main item 2
    • Sub item 2.1
    • Sub item 2.2
    • Sub item 2.3
      • Sub-sub item 2.3.1
      • Sub-sub item 2.3.2
      • Sub-sub item 2.3.3
      • Sub-sub item 2.3.4
    • Sub item 2.4
    • Sub item 2.5
  • Main item 3
    • Sub item 3.1
      • Sub-sub item 3.1.1
      • Sub-sub item 3.1.2
      • Sub-sub item 3.1.3
      • Sub-sub item 3.1.4
      • Sub-sub item 3.1.5
      • Sub-sub item 3.1.6
    • Sub item 3.2
  
  

Formulieren

• Voorbeeld FM1 zonder CSS:
  Persoonlijke gegevens

  Voornaam:
  Achternaam:
  Woonplaats:
  Aanhef:Dhr.Mevr.
       
  
  
• Voorbeeld FM1 met CSS:
  
  
  Persoonlijke gegevens

  Voornaam:
  Achternaam:
  Woonplaats:
  Aanhef:Dhr.Mevr.
  
  
  
• Voorbeeld FM2 zonder CSS:
  
  
  Item 1:
  Item 2:
  Item 3:
  
  
• Voorbeeld FM2 met gebruik van ':focus':
  
  
  Item 1:
  Item 2:
  Item 3:
  
  

Knoppen

• Button 1
  
  
• Button 2
  
  

Menu's

• Tabbladen menu's