---
# System prepended metadata

title: HTML5 Präsentation
tags: [Templates, ' Talk']

---

---
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)

![Bibliothek](https://www.nebis.ch/.../TomBisig_12.jpg)
```

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

![Bibliothek](https://www.nebis.ch/content/uploads/2016/10/CMU_TomBisig_12_OG_3-01.jpg)

---


## 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;
}


```
