SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
HTML/Tutorials
Aus SELFHTML-Wiki
< HTML
führt dieser Kurs durch den Aufbau und Regeln von HTML und stellt die dafür passenden
Elemente vor.
- Entstehung und Entwicklung
HTML, XHTML, HTML5
- Element, Tag und Attribut
- Unterschied Element und Tag
- optionale Tags
- Attribute
- Grundgerüst
Kopiervorlage für Ungeduldige
- Seitenstrukturierung
- Absätze
- Überschriften
- header, footer & nav
- main
- article, section & aside
- Textauszeichnung
- Hervorhebungen
- Abkürzungen
- Kontaktadresse
- Kategorien
- Block- vs Inline-Elemente
- flow content
- phrasing content
weitere Tutorials
- Einstieg in HTML</>
Der Kurs für die ersten Schritte in HTML und CSS
Schritt für Schritt zur eigenen Webseite
- Trennung von Inhalt, Präsentation und Verhalten
… erklärt, welche Rollen die Techniken HTML, CSS und JavaScript spielen. - Formulare
- Was ist ein Webformular?
- Benutzereingaben zugänglich gestalten
- browsereigene Validierung
- Multimedia
- audio
- video
- Playlisten zusammenstellen
- Bilder im Internet
- Formate und Größen
- Einbindung
- responsive Bilder
- Bilder präsentieren
- Bilderkarussell (mit CSS-animation)
- Farbe und Farbkonzept
- Farben und Kontraste
- Licht und Schatten
- OnePager
(Single-Page Webseite mit Scroll)
- Komfort-Version
- interactive Storytelling
- Infoboxen
Neu! Revolutionär!- Popover
- modale Dialogfenster
- Akkordeon mit details
Popups ohne Programmieren!
- WAI-ARIA
- landmark-roles
- aria-Attribute
- ARIA Live Regions
- Internationalisierung
- Sprachauswahl
- Content Negotiation
- Links
- Referenzieren in HTML
- Link-Gestaltung mit CSS
- Listen
- Gestaltung mit CSS
- Hybride Nummerierung
- Fußnoten mit CSS
- Navigation
- Dropdown-Menüs
- Flyout-Menü
- E-Mail-Newsletter
E-Mails und E-Mail-Newsletter mit HTML und CSS gestalten
- Tabelle in HTML
- Aufbau
- Gestaltung mit CSS
- Zitate interessant gestalten
- q - Zitate im Fließtext
- blockquote
- Google-Fonts selbst hosten
- Fonts herunterladen
- CSS-Datei und .woff2-Fonts anfordern
- Favicons
Wie bekomme ich ein kleines Bild in Adresszeile, Reiter und Favoriten?
- Webseitenvorschau in Messenger Apps
Inhalte einbinden:
