Home  |  Zu den Webtipps


Webtipp No.6
Listen mit HTML und CSS
Mit Listen kann man Dinge auflisten. Zusammen mit CSS kann man die verschiedensten Effekte erzielen. Hier sind die gebräuchlichsten Codes.
 
Aufzählungsliste
  • Aufzählungsliste mit viereckigen Punkten
  • Aufzählungsliste mit viereckigen Punkten
  • Aufzählungsliste mit viereckigen Punkten
HTML-Code:
 
Aufzählungsliste
  • Aufzählungsliste mit runden Punkten
  • Aufzählungsliste mit runden Punkten
  • Aufzählungsliste mit runden Punkten
HTML-Code:
 
Aufzählungsliste
  • Aufzählungsliste mit Kreis
  • Aufzählungsliste mit Kreis
  • Aufzählungsliste mit Kreis
HTML-Code:
 
Aufzählungsliste compact
  • Aufzählungsliste compact
  • Aufzählungsliste compact
  • Aufzählungsliste compact
HTML-Code:
 
Nummerierte Liste
  1. Nummerierte Liste fängt bei gross A an
  2. Nummerierte Liste fängt bei gross A an
  3. Nummerierte Liste fängt bei gross A an
HTML-Code:
 
Nummerierte Liste
  1. Nummerierte Liste fängt bei klein a an
  2. Nummerierte Liste fängt bei klein a an
  3. Nummerierte Liste fängt bei klein a an
HTML-Code:
 
Nummerierte Liste
  1. Nummerierte Liste fängt beim 12. Buchstaben an
  2. Nummerierte Liste fängt beim 13. Buchstaben an
  3. Nummerierte Liste fängt beim 14. Buchstaben an
HTML-Code:
 
Nummerierte Liste
  1. Nummerierte Liste fängt beim 12. Buchstaben an
  2. Nummerierte Liste fängt beim 13. Buchstaben an
  3. Nummerierte Liste fängt beim 14. Buchstaben an
HTML-Code:
 
Nummerierte Liste
  1. Nummerierte Liste fängt beim 12. Buchstaben an
  2. Nummerierte Liste fängt beim 13. Buchstaben an
  3. Nummerierte Liste fängt beim 14. Buchstaben an
HTML-Code:
 
Nummerierte Liste
  1. Nummerierte Liste fängt beim 12. Buchstaben an
  2. Nummerierte Liste fängt beim 13. Buchstaben an
  3. Nummerierte Liste fängt beim 14. Buchstaben an
HTML-Code:
 
Nummerierte Liste fängt beim 7 Buchstaben an
  1. Nummerierte Liste fängt beim 7. Buchstaben an
  2. Nummerierte Liste fängt beim 7. Buchstaben an
  3. Nummerierte Liste fängt beim 7. Buchstaben an
HTML-Code:
 
Nummerierte Liste mit römischen Zahlen
  1. Nummerierte Liste mit römischen Zahlen
  2. Nummerierte Liste mit römischen Zahlen
  3. Nummerierte Liste mit römischen Zahlen
HTML-Code:
 
Definitionsliste
1A
Definition zu 1A
1B
Definition zu 1B
1C
Definition zu 1C
HTML-Code:
 
Definitionsliste compact
1A
Definition zu 1A
1B
Definition zu 1B
1C
Definition zu 1C
HTML-Code:
 
Menulisten
  • PUNKT 1
  • PUNKT 2
  • PUNKT 3
  • PUNKT 4
    •
    HTML-Code:
     
    Verzeichnislisten
  • PUNKT 1
  • PUNKT 2
  • PUNKT 3
  • PUNKT 4
    •
    HTML-Code:
     
    Zitate mit blockquote
    TEXT TEXT TEXT
    mit blockquote
    TEXT TEXT TEXT
    HTML-Code:
     
    Adressen
    TEXT TEXT TEXT
    Adresse Adresse
    TEXT TEXT TEXT
    HTML-Code:
     
    Text mit cite
    TEXT TEXT TEXT Zitat Zitat Zitat TEXT TEXT TEXT
    HTML-Code:
     
    Es folgen einige Demos
    Mit farbigen Listenpunkten
    • Element 1
    • Element 2
    • Element 3
    • Element 1
    • Element 2
    • Element 3
    • Element 1
    • Element 2
    • Element 3
    1. Element 1
    2. Element 2
    3. Element 3
    HTML-Code:
     
    Vorschlag für eine Navigation mit Listen
    HTML-Code:


      all © by eckhard trems - www.trems.de    Zu den Webtipps  |   Home  |   Kontakt/Impressum