From d7e6bf595a0c07fe31141d74b01e7bab02ee65d3 Mon Sep 17 00:00:00 2001 From: Lukas Panni Date: Sun, 10 Dec 2023 19:09:12 +0100 Subject: [PATCH] Add more HTML Elements --- Material/Slides/03_HTML.md | 152 +++++++++++++++++- Material/Slides/media/HTML_simple_table.png | Bin 0 -> 14295 bytes Material/Slides/media/HTML_table_border.png | Bin 0 -> 16413 bytes .../Slides/media/HTML_table_span_colspan.png | Bin 0 -> 11882 bytes .../Slides/media/HTML_table_span_nospan.png | Bin 0 -> 14655 bytes .../Slides/media/HTML_table_span_rowspan.png | Bin 0 -> 13311 bytes 6 files changed, 148 insertions(+), 4 deletions(-) create mode 100644 Material/Slides/media/HTML_simple_table.png create mode 100644 Material/Slides/media/HTML_table_border.png create mode 100644 Material/Slides/media/HTML_table_span_colspan.png create mode 100644 Material/Slides/media/HTML_table_span_nospan.png create mode 100644 Material/Slides/media/HTML_table_span_rowspan.png diff --git a/Material/Slides/03_HTML.md b/Material/Slides/03_HTML.md index 5838d48..90f1111 100644 --- a/Material/Slides/03_HTML.md +++ b/Material/Slides/03_HTML.md @@ -131,6 +131,16 @@ plantuml-format: svg ![](./media/HTML_paragraph_default.png){height=70%} +## HTML Elemente: Hyperlinks + +- `...` (a = anchor) +- Inline-Element, Standarddarstellung: blau und unterstrichen +- `href`-Attribut zur Angabe der Ziel-URL + - relative URLs möglich: + - `./` gleiches Pfadsegment (auf Seite abc.de/xyz/1.html führt der Link `./2.html` zu **abc.de/xyz/2.html**) + - `../` Eltern-Segment (gleiches Beispiel, Link `../2.html` führt zu **abc.de/2.html**) +- Inhalt des Tags als angezeigter Link + ## HTML Elemente: Zeilenumbruch + Trennlinie @@ -175,6 +185,23 @@ plantuml-format: svg +## HTML Elemente: Auswahl semantischer Elemente + +- Bereits behandelt: `` / `` +- Weitere Elemente mit vorwiegend **semantischer Bedeutung** + - `
`: in sich geschlossener Artikel (unabhängig von anderem Inhalt der Seite) + - `
`: Abschnitt einer Seite, wenn kein besser geeignetes semantisches Element existiert + - `
`: Abschnitt mit einleitendem Inhalt + - `