HTML/Tutorials: Unterschied zwischen den Versionen
Aus SELFHTML-Wiki
< HTML
Rolf b (Diskussion | Beiträge) (→weitere Tutorials: -> Cards Vorlage eingebaut) |
K (+ Card E-Mail-Newsletter) |
||
Zeile 127: | Zeile 127: | ||
* Dropdown-Menüs | * Dropdown-Menüs | ||
* Flyout-Menü | * Flyout-Menü | ||
+ | }} | ||
+ | {{Card|titel=E-Mail-Newsletter|icon=Mail-icon.svg|link=HTML/Tutorials/responsive E-Mail-Newsletter|E-Mails und E-Mail-Newsletter mit HTML und CSS gestalten | ||
}} | }} | ||
}} | }} | ||
Zeile 139: | Zeile 141: | ||
* [[HTML/Tutorials/Code in HTML darstellen|Code in HTML darstellen]] | * [[HTML/Tutorials/Code in HTML darstellen|Code in HTML darstellen]] | ||
* [[HTML/Tutorials/Quelltext verstecken|Quelltext verstecken]] | * [[HTML/Tutorials/Quelltext verstecken|Quelltext verstecken]] | ||
− | |||
|2= | |2= | ||
'''Grafik + Multimedia''' | '''Grafik + Multimedia''' |
Version vom 27. März 2024, 09:08 Uhr
Während der Einstieg in HTML eine Schritt-für-Schritt-Anleitung zum Bau einer Webseite ist,führt dieser Kurs durch den Aufbau und Regeln von HTML und stellt die dafür passenden
Elemente vor.
- Entstehung und Entwicklung
- HTML als Auszeichnungssprache
- XHTML
- HTML5
- Element, Tag und Attribut
- Unterschied Element und Tag
- optionale Tags
- Attribute
- Kommentare in HTML
- Guter HTML-Stil
- Semantik
- Grundgerüst
- Kopiervorlage für ganz 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?
- browsereigene Validierung
- Radio-Buttons und Checkboxen
- Suchformulare
- 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!
- 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
Einstieg in …
Grafik + Multimedia
Inhalte einbinden: