Markdown II

class: center, middle, inverse, title-slide

# Markdown II
### Reporting mit R <a href='https://therbootcamp.github.io'> The R Bootcamp </a> <a href='https://therbootcamp.github.io/RmR_2021Feb/'> </a>  <a href='https://therbootcamp.github.io'> </a>  <a href='mailto:therbootcamp@gmail.com'> </a>  <a href='https://www.linkedin.com/company/basel-r-bootcamp/'> </a>
### Februar 2021

---

layout: true

<div class="my-footer">
 
 
 <img src="https://raw.githubusercontent.com/therbootcamp/therbootcamp.github.io/master/_sessions/_image/by-sa.png" height=14 style="vertical-align: middle"/>
 
 <a href="https://therbootcamp.github.io/">
 
 
 www.therbootcamp.com
 
 
 </a>
 <a href="https://therbootcamp.github.io/">
 
 Reporting mit R | Februar 2021
 
 </a>
 
 </div>

---

.pull-left3[

# Nächste Schritte

<ul>
 <li class="m1">Abbildungen skalieren.</li>
 <li class="m2">Tabellen.</li>
 <li class="m3">Fussnoten & Links.</li>
</ul>

]

.pull-right6[

]

---

.pull-left4[

# Grafiken skalieren

<ul>
 <li class="m1">Die <high>Darstellung</high> von Grafiken kann in den <mono>Chunk</mono>-Settings angepasst werden.</li> 
 <li class="m2">Die Argumente beginnen (meist) mit <highm>fig.*</highm>.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>fig.width</mono>, <mono>fig.height</mono>
 </td>
 <td bgcolor="white">
 <high>Breite</high> und <high>Höhe</high> in inches.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>fig.asp</mono>
 </td>
 <td bgcolor="white">
 <high>Seitenverhältnis</high>: Höhe relativ zur Breite. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>fig.align</mono>
 </td>
 <td bgcolor="white">
 <high>Position</high> der Abbildung: <mono>'center'</mono>, <mono>'left'</mono>, <mono>'right'</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>dpi</mono> 
 </td>
 <td bgcolor="white">
 <high>Auflösung</high> der Abbildung (dots per inch).
 </td> 
</tr>
</table>
]

.pull-right5[
 

 <img src="image/plot_1.png" height=520px>

]

---

.pull-left4[

# Grafiken skalieren

.pull-right5[
 

 <img src="image/plot_2.png" height=520px>

]

---

.pull-left4[

# Grafiken skalieren

.pull-right5[
 

 <img src="image/plot_3.png" height=520px>

]

---

.pull-left4[

# Grafiken skalieren

.pull-right5[
 

 <img src="image/plot_4.png" height=520px>

]

---

.pull-left4[

# Grafiken skalieren

.pull-right5[
 

 <img src="image/plot_5.png" height=520px>

]

---

.pull-left4[

# Bildunterschrift

<ul>
 <li class="m1">Bildunterschriften können durch <highm>fig.cap</highm> gesetzt.</li> 
 <li class="m2">Der Text kann <high>innerhalb des Chunks</high> definiert werden.</li> 
</ul>

]

.pull-right5[
 

 <img src="image/plot_7.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/atab_1.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/atab_2.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/atab_3.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/atab_4.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>format</mono>
 </td>
 <td bgcolor="white"><high>Ausgabeformat</high>: 
 <mono>"html"</mon>, <mono>"latex"</mono>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>digit</mono>
 </td>
 <td bgcolor="white">
 Anzahl <high>Nachkommastellen</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>col.names</mono>
 </td>
 <td bgcolor="white">
 <high>Spaltennamen</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>escape</mono> 
 </td>
 <td bgcolor="white">
 Spaltennamen <high>nicht</high> als HTML <high>interpretieren</high>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>align</mono> 
 </td>
 <td bgcolor="white">
 <high>Ausrichtung</high> der Spalten: <mono>left</mono>, <mono>center</mono>, <mono>right</mono>.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>caption</mono> 
 </td>
 <td bgcolor="white">
 <high>Tabellenüberschrift</high>. 
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/atab_5.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

]

.pull-right5[
 

 <img src="image/atab_6.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

]

.pull-right5[
 

 <img src="image/atab_7.png" height=520px>

]

---

.pull-left4[

# Deskriptive Tabellen

<ul>
 <li class="m1">Mit <mono>knitr</mono> und <mono>kableExtra</mono> können <high><mono>tibbles</mono> als Tabellen</high> inkludiert werden.</li> 
</ul>

]

.pull-right5[
 

 <img src="image/atab_8.png" height=520px>

]
---

.pull-left4[

# Statistische Modelle

<ul>
 <li class="m1">Mit der <mono>tab_model</mono> Funktion des <mono>sjPlot</mono> Pakets lassen sich <high>statistische Modelle</high> als (HTML) Tabellen ausgeben.</li>
</ul>

.pull-right5[
 

 <img src="image/btab_1.png" height=520px>

]

---

.pull-left4[

# Statistische Modelle

<ul>
 <li class="m1">Mit der <mono>tab_model</mono> Funktion des <mono>sjPlot</mono> Pakets lassen sich <high>statistische Modelle</high> als (HTML) Tabellen ausgeben.
 </li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px; width=100%">
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Argument
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>pred.labels</mono> 
 </td>
 <td bgcolor="white">
 <high>Namen</high> der Prädiktoren anpassen.</td>
</tr>
<tr>
 <td bgcolor="white">
 <mono>title</mono>
 </td>
 <td bgcolor="white">
 Tabellenüberschrift.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>show.*</mono>
 </td>
 <td bgcolor="white">
 Bestimme <high>welche Werte</high> dargestellt werden.
 </td> 
</tr>
</table>
]

.pull-right5[
 

 <img src="image/btab_2.png" height=520px>

]

---

.pull-left4[

# Statistische Modelle

<ul>
 <li class="m1">Mit der <mono>tab_model</mono> Funktion des <mono>sjPlot</mono> Pakets lassen sich <high>statistische Modelle</high> als (HTML) Tabellen ausgeben.</li>
</ul>

.pull-right5[
 

 <img src="image/btab_3.png" height=520px>

]

---

.pull-left4[

# Links, Fussnoten

<ul>
 <li class="m1">Zum Einbinden von Links und Fussnoten gibt es ebenfalls spezielle <high>Markdown Syntax</high>.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>&lsqb;Name&rsqb;(URL)</mono>
 </td>
 <td bgcolor="white">
 <high>Link</high>. Name erscheint im Text, URL nicht.
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>^&lsqb;Text&rsqb;</mono>
 </td>
 <td bgcolor="white">
 <high>Fussnoten</high> werden unten am Text angehängt. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>***</mono>
 </td>
 <td bgcolor="white">
 Fügt eine <high>horizontale</high> Trennlinie ein.
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/links.png">

]

---

.pull-left4[

# Quotes

<ul>
 <li class="m1"><high>Zitationen</high> (Quotes) werden direkt in Markdown erstellt.</li>
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>> block quote</mono>
 </td>
 <td bgcolor="white">
 Text wird als <high>Zitat</high> angezeigt.<high></high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono> 
 </td>
 <td bgcolor="white">
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/quote.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table1.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table2.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table3.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table4.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table5.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table6.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table7.png">

]

---

.pull-left4[

# Markdown Tabellen

<ul>
 <li class="m1">Um <high>einfache Tabellen</high> zu erstellen ist kein Zusatzpaket notwendig.</li> 
</ul>

<table style="cellspacing:0; cellpadding:0; border:none; padding-top:10px" width=100%>
 <col width="40%">
 <col width="60%">
<tr>
 <td bgcolor="white">
 Markdown
 </td>
 <td bgcolor="white">
 Beschreibung
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>Spaltentrennung</high>
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>---</mono>
 </td>
 <td bgcolor="white">
 Definition von <high>horizontalen Linien</high>. 
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono>|:, |: :|, :|</mono> 
 </td>
 <td bgcolor="white">
 links-bündig, zentriert, rechts-bündig
 </td> 
</tr>
<tr>
 <td bgcolor="white">
 <mono></mono>
 </td>
 <td bgcolor="white">
 </td> 
</tr>
</table>

]

.pull-right5[
 

 <img src="image/table8.png">

]

---
class: middle, center

<h1><a href="https://therbootcamp.github.io/RmR_2021Feb/_sessions/Markdown2/Markdown2_practical.html">Practical</a></h1>