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