---
title: HTML5 Präsentation
tags: Templates, Talk
description: View the slide with "Slide Mode".
---
# Schnell protokolliert,
Schnell präsentiert !
> [time=Tue, Feb 23, 2021 1:02 PM]
---
zu den HTML 5 Slides:
https://hackmd.io/p/H1YK7LzGu
---
Wir haben eine kollaborative Sitzung
Bitte bereiten Sie Laptop oder Smartphone vor, um teilzunehmen!
https://hackmd.io/p/H1YK7LzGu
---
## Inhaltsverzeichnis
1. MarkDown
1. Emojis :heart: :cat:
1. YouTube
2. mathematische Formeln
3. graphviz
---
## Markdown
```md
# Überschrift h1
## Überschrift h2
### Überschrift h3
#### Überschrift h4
```
# Überschrift h1
## Überschrift h2
### Überschrift h3
#### Überschrift h4
---
### Link und Bild
```md
[www.fhnw.ch](https://www.fhnw.ch)

```
[www.fhnw.ch](https://www.fhnw.ch)

---
## Emojis
```md
# :100: :muscle: :tada:
# :bulb:
```
# :100: :muscle: :tada:
# :bulb:
---
## Youtube HackMD
```md
{%youtube E8Nj7RwXf0s %}
```
{%youtube E8Nj7RwXf0s %}
---
## Youtube mathematische Formeln
{%youtube PSEKJqgTIww %}
---
## mathematische Formeln
$y=x^2$
$e^{i\pi} + 1 = 0$
$e^x=\sum_{i=0}^\infty \frac{1}{i!}x^i$
$\frac{n!}{k!(n-k)!} = {n \choose k}$
$A_{m,n} =
\begin{pmatrix}
a_{1,1} & a_{1,2} & \cdots & a_{1,n} \\
a_{2,1} & a_{2,2} & \cdots & a_{2,n} \\
\vdots & \vdots & \ddots & \vdots \\
a_{m,1} & a_{m,2} & \cdots & a_{m,n}
\end{pmatrix}$
### Tabellen darstellen
First column center | Second align left
:------------------: | :------------------
Row 1, Col 1 | Row 1, Col 2
R2, C1 | Row 2, Col 2
---
## Graphviz
```graphviz
digraph {
compound=true
rankdir=RL
graph [ fontname="Source Sans Pro", fontsize=20 ];
node [ fontname="Source Sans Pro", fontsize=18];
edge [ fontname="Source Sans Pro", fontsize=12 ];
subgraph core {
c [label="Hackmd-it \ncore"] [shape=box]
}
c -> sync [ltail=session lhead=session]
subgraph cluster1 {
concentrate=true
a [label="Text source\nGithub, Gitlab, ..."] [shape=box]
b [label="HackMD Editor"] [shape=box]
sync [label="sync" shape=plaintext ]
b -> sync [dir="both"]
sync -> a [dir="both"]
label="An edit session"
}
}
```
---
## Graphviz 2
```graphviz
digraph regexp {
n0 [label="regexp", URL="https://godoc.org/regexp", tooltip="Package regexp implements regular expression search."];
n1 [label="bytes", URL="https://godoc.org/bytes", tooltip="Package bytes implements functions for the manipulation of byte slices."];
n2 [label="io", URL="https://godoc.org/io", tooltip="Package io provides basic interfaces to I/O primitives."];
n3 [label="regexp/syntax", URL="https://godoc.org/regexp/syntax", tooltip="Package syntax parses regular expressions into parse trees and compiles parse trees into programs."];
n4 [label="sort", URL="https://godoc.org/sort", tooltip="Package sort provides primitives for sorting slices and user-defined collections."];
n5 [label="strconv", URL="https://godoc.org/strconv", tooltip="Package strconv implements conversions to and from string representations of basic data types."];
n6 [label="strings", URL="https://godoc.org/strings", tooltip="Package strings implements simple functions to manipulate UTF-8 encoded strings."];
n7 [label="sync", URL="https://godoc.org/sync", tooltip="Package sync provides basic synchronization primitives such as mutual exclusion locks."];
n8 [label="unicode", URL="https://godoc.org/unicode", tooltip="Package unicode provides data and functions to test some properties of Unicode code points."];
n9 [label="unicode/utf8", URL="https://godoc.org/unicode/utf8", tooltip="Package utf8 implements functions and constants to support text encoded in UTF-8."];
n10 [label="internal/bytealg", URL="https://godoc.org/internal/bytealg", tooltip=""];
n11 [label="errors", URL="https://godoc.org/errors", tooltip="Package errors implements functions to manipulate errors."];
n12 [label="internal/reflectlite", URL="https://godoc.org/internal/reflectlite", tooltip="Package reflectlite implements lightweight version of reflect, not using any package except for \"runtime\" and \"unsafe\"."];
n13 [label="math", URL="https://godoc.org/math", tooltip="Package math provides basic constants and mathematical functions."];
n14 [label="math/bits", URL="https://godoc.org/math/bits", tooltip="Package bits implements bit counting and manipulation functions for the predeclared unsigned integer types."];
n15 [label="unsafe", URL="https://godoc.org/unsafe", tooltip="Package unsafe contains operations that step around the type safety of Go programs."];
n16 [label="internal/race", URL="https://godoc.org/internal/race", tooltip="Package race contains helper functions for manually instrumenting code for the race detector."];
n17 [label="runtime", URL="https://godoc.org/runtime", tooltip=""];
n18 [label="sync/atomic", URL="https://godoc.org/sync/atomic", tooltip="Package atomic provides low-level atomic memory primitives useful for implementing synchronization algorithms."];
n19 [label="internal/cpu", URL="https://godoc.org/internal/cpu", tooltip="Package cpu implements processor feature detection used by the Go standard library."];
n0 -> n1;
n0 -> n2;
n0 -> n3;
n0 -> n4;
n0 -> n5;
n0 -> n6;
n0 -> n7;
n0 -> n8;
n0 -> n9;
n1 -> n10;
n1 -> n2;
n1 -> n8;
n1 -> n9;
n1 -> n11;
n2 -> n11;
n2 -> n7;
n3 -> n4;
n3 -> n5;
n3 -> n6;
n3 -> n8;
n3 -> n9;
n4 -> n12;
n5 -> n10;
n5 -> n13;
n5 -> n9;
n5 -> n11;
n5 -> n14;
n6 -> n2;
n6 -> n7;
n6 -> n15;
n6 -> n11;
n6 -> n10;
n6 -> n8;
n6 -> n9;
n7 -> n16;
n7 -> n17;
n7 -> n18;
n7 -> n15;
n10 -> n19;
n10 -> n15;
n11 -> n12;
n12 -> n17;
n12 -> n15;
n13 -> n15;
n13 -> n19;
n13 -> n14;
n14 -> n15;
n16 -> n15;
n18 -> n15;
}
```