diff --git a/slides/223015c/01-geschichte-grundlagen-html.md b/slides/223015c/01-geschichte-grundlagen-html.md index 735eca1..88a9858 100644 --- a/slides/223015c/01-geschichte-grundlagen-html.md +++ b/slides/223015c/01-geschichte-grundlagen-html.md @@ -1202,9 +1202,10 @@ Formattierungssprache ```html - Im Browsertab als Überschrift sichtbar - + HdM Webseite - Hochschule der Medien + + ... ... @@ -1263,7 +1264,8 @@ Steuert die Vorschau beim Teilen auf Mastodon, LinkedIn, Signal, MS Teams, Slack ```html -

Das ist ein Absatz.

+

Das ist ein wichtiger Absatz.

+

Das ist ein gewöhnlicher Absatz.

``` @@ -1271,12 +1273,14 @@ Steuert die Vorschau beim Teilen auf Mastodon, LinkedIn, Signal, MS Teams, Slack |------|-------------| | `

` | Opening Tag (öffnendes Tag) | | `class="wichtig"` | Attribut | -| `Das ist ein Absatz.` | Inhalt | +| `Das ist ein wichtiger Absatz.` | Inhalt | | `

` | Closing Tag (schließendes Tag) | --- -# HTML-Tags und Attribute (selbst-schließend) +# HTML-Tags und Attribute (selbst-schließend) + +![bg right:35%](./assets/demos/input-date.png) ```html @@ -1371,12 +1375,14 @@ Accessibility ist eingebaut # Beispiel: Details/Summary +*Akkordion · Accordion · Aufklappmenü · Collapsible · Collapsable · Expandible* + ![bg right:35%](./assets/demos/details-closed.png) ```html
Klick mich! -

Dieser Text war versteckt.

+

Dieser Text ist versteckt.

``` @@ -1429,6 +1435,8 @@ Accessibility ist eingebaut # Beispiel: Dialog +*Modal · Modales Fenster · Popup · Popup-Fenster · Overlay · Dialogfenster* + ![bg right:35%](./assets/demos/dialog.png) ```html @@ -1506,11 +1514,6 @@ Accessibility ist eingebaut --- - - - - - # Wie nutzen Menschen das Web? | Eingabe | Nutzungsweise | @@ -1543,9 +1546,10 @@ PRÜFUNGSRELEVANT: Arten von Einschränkungen, Screenreader-Beispiele, WCAG --- - + + # Web-Zugänglichkeit – Vertiefung @@ -1570,11 +1574,6 @@ Screenreader lesen den DOM sequenziell – semantisches HTML (`