---
---

<link rel="stylesheet" href="styles.css" type="text/css">

<span id="Initial"><br><br></span>

<img src="images/axul_bandeau_2016_0900x0240c.png" style="width:100%; border:0px solid; margin-right: 0px" align="center">

<span id="Plan"></span>

# <span style="color: red;">Plan</span>  <span><a href="#Markdown">[v]</a></span>  <span><a href="#Initial">[^]</a></span>

* [R Markdown de RStudio](#Markdown)
* [Markdown de GitHub](#GitHub)
* [Compléments en LaTeX](#LaTeX)
* [Compléments en UniCode](#UniCode)
* [Compléments en HTML](#HTML)
* [Compléments en JavaScript](#JavaScript)
* [Compléments en OpenStreetMap](#OSM)

<span id="Markdown"><br><br></span>

# <span style="color: red;">R Markdown de RStudio</span>  <span><a href="#Markdown_GitHub">[v]</a></span>  <span><a href="#Plan">[^]</a></span>

```
#       Titre 1
##      Titre 2
####    Titre 3
#####   Titre 4
######  Titre 5
####### Titre 6
```
#       Titre 1
##      Titre 2
####    Titre 3
#####   Titre 4
######  Titre 5
####### Titre 6

```
Voici des mots en *italique* ou _italique_
```

Voici des mots en *italique* ou _italique_

```
Voici des mots en **gras** ou __gras__
```

Voici des mots en **gras** ou __gras__

```
Voici des mots en ***gras et italique*** ou ___gras et italique___
```

Voici des mots en ***gras et italique*** ou ___gras et italique___

```
<!-- Commentaires -->
```
<!-- Commentaires -->

```
\tekbf{Tex ignored in HTML}
<em>HTML ignored in PDF</em>
```

\tekbf{Tex ignored in HTML}
<em>HTML ignored in PDF</em>

```
<http://www.rstudio.com>

[link](www.studio.com)

Jump to [Header 1](#anchor)

![Légende](images/cc_by.gif)
```

<http://www.rstudio.com>

[link](www.studio.com)

Jump to [Header 1](#anchor)

![Légende](images/cc_by.gif)

```
* liste non ordonnées
  + sous-liste 1
  + sous-liste 2
    + sous-sous-liste 1
* item 2
```
* liste non ordonnées
  + sous-liste 1
  + sous-liste 2
    + sous-sous-liste 1
* item 2

```
1. liste ordonnée
2. item 2
   i) sous-liste
       A. sous-sous-liste
```

1. liste ordonnée
2. item 2
   i) sous-liste
       A. sous-sous-liste

```
(@) une liste dont la numérotation continue après
(@) une interruption
```

(@) une liste dont la numérotation continue après
(@) une interruption

```
Terme 1
: Définition 1
```

Terme 1
: Définition 1

```
| Gauche | Centre | Défaut | Droit |
|:-------|:------:|--------|------:|
| 12     | 12     | 12     | 12    |
| 123    | 123    | 123    | 123   |
```

| Gauche | Centre | Défaut | Droit |
|:-------|:------:|--------|------:|
| 12     | 12     | 12     | 12    |
| 123    | 123    | 123    | 123   |

```
- slide bullet 1
- slide bullet 2

>- to have slide bullet appear on click
```
- slide bullet 1
- slide bullet 2

>- to have slide bullet appear on click

```
Régle horizontale
---
```
---

```
Voici une note de bas de page [^1]

[^1] Voici la note de bas de page
```

Voici une note de bas de page [^1]

[^1] Voici la note de bas de page


<span id="Markdown_GitHub"><br><br></span>

# <span style="color: red;">Markdown de GitHub</span>  <span><a href="#LaTeX">[v]</a></span>  <span><a href="#Markdown">[^]</a></span>

```
emoji  :+1: :camel: :rocket: :metal: :octocat:
```
emoji  :+1: :camel: :rocket: :metal: :octocat:


```javascript
function test() {
  console.log("lookma', no spaces")}
}
```

```
- [x] this is a complete item
- [ ] this is an incomplete item
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
```

- [x] this is a complete item
- [ ] this is an incomplete item
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)


<span id="LaTeX"><br><br></span>

# <span style="color: red;">Compléments en LaTeX</span>  <span><a href="#UniCode">[v]</a></span>  <span><a href="#Markdown_GitHub">[^]</a></span>

```
$$Maths : A = \pi R^{2}$$
$$Physique : E = mc^{2}$$
$$Chimie : CH_4 + 2O_2 \longrightarrow CO_2 + 2H_2 O$$
```
$$Maths : A = \pi R^{2}$$
$$Physique : E = mc^{2}$$
$$Chimie : CH_4 + 2O_2 \longrightarrow CO_2 + 2H_2 O$$
<span id="UniCode"><br><br></span>

# <span style="color: red;">Compléments en Unicode</span>  <span><a href="#HTML">[v]</a></span>  <span><a href="#LaTeX">[^]</a></span>

[Liste complète des Èmoji](http://unicode.org/emoji/charts/full-emoji-list.html) :
[Èmoji en Unicode-8](https://emojipedia.org/unicode-8.0/) &nbsp; et &nbsp;
[Èmoji en Unicode (version 14)](https://emojipedia.org/unicode-14.0/)

| Codepoints     | [Shortcodes](https://emojipedia.org)                                    | Emoji
|:---------------|:------------------------------------------------------------------------|:----
| U+1F427        | [:penguin:](https://emojipedia.org/penguin/)                            | 🐧
| U+2714  U+FE0F | [:heavy_check_mark:](https://emojipedia.org/check-mark/)                |  ✔️ 
| U+2611  U+FE0F | [:ballot_box_with_check:](https://emojipedia.org/check-box-with-check/) |  ☑ 

| Codepoints     | HTML       | [Emoji Shortcodes](https://emojipedia.org) | [Icones](https://www.utf8icons.com/)
|:---------------|:-----------|:------------------------------------------------------------------------|:----
| U+00A9         | [&# xa9;](https://www.fileformat.info/info/unicode/char/a9/index.htm)  | [:copyright:](https://emojipedia.org/copyright/) | &#xa9;
| U+00AE         | [&# xae;](https://www.fileformat.info/info/unicode/char/ae/index.htm)  | [:registered:](https://emojipedia.org/registered/) | &#xae;
| U+2611         | [&# x2611;](https://www.fileformat.info/info/unicode/char/2611/index.htm)  | [:registered:](https://emojipedia.org/registered/) | &#xae;
| U+221A         | [&# x221A;](https://www.fileformat.info/info/unicode/char/221E/index.htm)  | [:square_root:](https://emojipedia.org/square_root/) | &#x221A;
| U+221E         | [&# x221E;](https://www.fileformat.info/info/unicode/char/221E/index.htm)  | [:infinity:](https://emojipedia.org/not_equal_to/) | &#x221E;
| U+2260         | [&# x2260;](https://www.fileformat.info/info/unicode/char/2260/index.htm)  | [:not-equel_to:](https://emojipedia.org/infinity/) | &#x2260;
| U+2611         | [&# x2611;](https://www.fileformat.info/info/unicode/char/2642/index.htm)  | [:ballot_box_with_check:](https://emojipedia.org/check-box-with-check/) | &#x2611;
| U+2640         | [&# x2640;](https://www.fileformat.info/info/unicode/char/2640/index.htm)  | [:female:](https://emojipedia.org/registered/) | &#x2640;
| U+2642         | [&# x2642;](https://www.fileformat.info/info/unicode/char/2642/index.htm)  | [:male:](https://emojipedia.org/check-box-with-check/) | &#x2642;
| U+2713         | [&# x2713;](https://www.fileformat.info/info/unicode/char/2713/index.htm)  | [:check_mark:](https://emojipedia.org/check-mark/)                      | &#x2713;️ 
| U+2714         | [&# x2714;](https://www.fileformat.info/info/unicode/char/2714/index.htm)  | [:heavy_check_mark:](https://emojipedia.org/heavy-check-mark/)          | &#x2714; 
| U+1F427        | [&# x1F427;](https://www.fileformat.info/info/unicode/char/1f427/index.htm)  | [:penguin:](https://www.utf8icons.com/character/1f427/penguin)         | &#x1F427;

<!-- | U+263A         | [&# x263A;](https://www.fileformat.info/info/unicode/char/2634/index.htm)  | [:white_smiling_face:](https://emojipedia.org/white_smiling_face/) | &#263A; -->
<!-- | U+263B         | [&# x263B;](https://www.fileformat.info/info/unicode/char/2635/index.htm)  | [:black_smiling_face:](https://emojipedia.org/black_smiling_face/) | &#263B; -->

<span id="HTML"><br><br></span>

# <span style="color: red;">Compléments en HTML</span>  <span><a href="#JavaScript">[v]</a></span>  <span><a href="#UniCode">[^]</a></span>

```
<del>texte barré</del> et saut de ligne<br>
Espace&nbsp;insécable<br>
Espaces &nbsp; &nbsp; multiples
```
<del>texte barré</del> et saut de ligne<br>
Espace&nbsp;insécable<br>
Espaces &nbsp; &nbsp; multiples<br>

```
<table>
  <thead>
    <tr>
      <th></th>
      <th><img src="images/transparent_0700x0002.png" alt="transparent"></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="left"><a href="#HTML"><span style="font-size:32px">Avant</span></a></td>
      <td align="center"><span style="color: red; font-size:32px">   Ici   </span></td>
      <td align="right"><a href="#JavaScript"><span style="font-size:32px">Après</span></a></td>
    </tr>
  </tbody>
</table>
```
<table>
  <thead>
    <tr>
      <th></th>
      <th><img src="images/transparent_0700x0002.png" alt="transparent"></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="left"><a href="#HTML"><span style="font-size:32px">Avant</span></a></td>
      <td align="center"><span style="color: red; font-size:32px">   Ici   </span></td>
      <td align="right"><a href="#JavaScript"><span style="font-size:32px">Après</span></a></td>
    </tr>
  </tbody>
</table>

---

<span id="JavaScript"></span>

<span id="OSM"><br><br></span>

# <span style="color: red;">Compléments en JavaScript et OpenStreetMap</span>  <span><a href="#Final">[v]</a></span>  <span><a href="#HTML">[^]</a></span>

### <span style="color: red;">Carte des activités :</span>
```{R}
library(leaflet)

m <- leaflet(options = leafletOptions(minZoom = 13, maxZoom = 13))
m <- addTiles(m)
m <- addMarkers(m,                                                                lng=+05.412, lat=43.5330, popup="Jas-de-Bouffan</br>ADIS")
m <- addMarkers(m,                                                                lng=+05.447, lat=43.5266, popup="Aix-en-Provence<br/>Cours Mirabeau")
m <- addMarkers(m,                                                                lng=+05.490, lat=43.510,  popup="Le Tholonet<br/>Centre Duby")

m # Affichage
```

<span id="Final"><br><br></span>

# <span style="color: red;">Fin</span>  <span><a href="#Final">[v]</a></span>  <span><a href="#OSM">[^]</a></span>

##### [2020-04-16 &nbsp;&nbsp;&nbsp; © 2020 axul.org](http://axul.org) &nbsp;&nbsp;&nbsp; [licence cc-by-sa](http://creativecommons.org) &nbsp;&nbsp;&nbsp; [Source](code.Rmd) &nbsp;&nbsp;&nbsp; [W3C](http://validator.w3.org/) &nbsp;&nbsp;&nbsp; [HTML](https://fr.wikipedia.org/wiki/HTML5) &nbsp;&nbsp;&nbsp; [CSS](http://jigsaw.w3.org/css-validator/)
***
