<div class="sidebar">
<a href="#/0"><i class="fa fa-home"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="column0">
</div>
<div class="column1bis">
## Markdown pour quoi faire ?
</div>
<div class="content">
# Tutoriel
## Guide du Markdown
#### Diaporama réalisé avec CodiMD.
###### Un aperçu de Markdown, de son fonctionnement
###### et de ce que vous pouvez en faire.
1. Markdown rend la rédaction sur le Web rapide et facile.
2. [Le guide Markdown vous apprend à l'utiliser.](https://www.markdownguide.org/)
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
---
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"class="active"><i class="fa fa-arrow-circle-down"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="maincontent">
<div class="column1">
## MD
Un aperçu de Markdown, de son fonctionnement et de ce que vous pouvez en faire.
**Guide de Markdown**
Le guide Markdown est un guide de référence gratuit et open source qui explique comment utiliser Markdown, le langage de balisage simple et facile à utiliser que vous pouvez utiliser pour formater pratiquement n'importe quel document.
</div>
<div class="column3">
## Le Markdown c'est quoi ?
Markdown est un langage de balisage léger qui permet d'ajouter des éléments de mise en forme à des documents texte en clair. Créé par John Gruber en 2004. Markdown est aujourd'hui l'un des langages de balisage les plus populaires au monde.
<table>
<td>
[](https://www.markdownguide.org/getting-started/)
</th>
<td>
[](https://www.markdownguide.org/basic-syntax/)
</th>
<td>
[](https://www.markdownguide.org/extended-syntax/)
</th>
</table>
##### Pourquoi utiliser Markdown ?
Vous vous demandez peut-être pourquoi les gens utilisent Markdown plutôt qu'un éditeur WYSIWYG. Pourquoi écrire avec Markdown alors que vous pouvez appuyer sur des boutons dans une interface pour formater votre texte ? Il s'avère qu'il existe plusieurs raisons pour lesquelles les gens utilisent Markdown plutôt que des éditeurs WYSIWYG.
</div>
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
----
<div class="sidebar">
<a href="#/0"><i class="fa fa-home"></i></a>
<a href="#/1"class="active"><i class="fa fa-arrow-circle-down"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="maincontent">
<div class="column2">
##### Pour commencer
</div>
<div class="column4">
### Pour commencer
</div>
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
---
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"class="active"><i class="fa fa-arrow-circle-down"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="content2">
## Aide-mémoire
<table>
<td>
</th>
<td>
</th>
<td>
</th>
</table>
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
----
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"class="active"><i class="fa fa-arrow-circle-down"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="content2">
## Aide-mémoire
**Aperçu**
Cette aide-mémoire Markdown fournit un aperçu rapide de tous les éléments de la syntaxe Markdown.
<table>
<td>
# H1
## H2
### H3
#### H4
##### H5
###### H6
</th>
<td>
Titres :
```markdown
# H1
## H2
### H3
#### H4
##### H5
###### H6
```
</th>
<td>
Texte en gras :
**Markdown**
```markdown
**Markdown**
```
Italique :
*Markdown*
```markdown
*Markdown*
```
</th>
<td>
Citation en bloc
```markdown
> blockquote
```
Liste ordonnée
```markdown
1. First item
2. Second item
3. Third item
```
</th>
<td>
Liste non ordonnée:
```markdown
- First item
- Second item
- Third item
```
Code :
```markdown
`code`
```
</th>
<td>
Liens :
```markdown
[title](https://www.example.com)
```
Image
```markdown
```
</th>
</table>
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
---
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"class="active"><i class="fa fa-arrow-circle-down"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="content2">
## Syntaxe de base ⭐
<table>
<td>
</th>
<td>
</th>
<td>
</th>
</table>
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
----
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"class="active"><i class="fa fa-arrow-circle-down"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="content2">
## Syntaxe de base ⭐
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
---
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"class="active"><i class="fa fa-arrow-circle-down"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="content2">
## Syntaxe étendue ⭐⭐
<table>
<td>
</th>
<td>
</th>
<td>
</th>
</table>
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
----
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"class="active"><i class="fa fa-arrow-circle-down"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"><i class="fa fa-arrow-circle-right"></i> Astuces et plus</a>
</div>
<div class="content2">
## Syntaxe étendue ⭐⭐
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
---
<div class="sidebar">
<a href="#/0"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#/1"><i class="fa fa-arrow-circle-right"></i> Pour commencer</a>
<a href="#/2"><i class="fa fa-arrow-circle-right"></i> Aide-mémoire</a>
<a href="#/3"><i class="fa fa-arrow-circle-right"></i> Syntaxe de base ⭐</a>
<a href="#/4"><i class="fa fa-arrow-circle-right"></i> Syntaxe étendue ⭐⭐</a>
<a href="#/5"class="active"><i class="fa fa-arrow-circle-down"></i> Astuces et plus</a>
</div>
<div class="content2">
## Astuces et plus
</div>
<div class="piedpage">
Lp Louise Michel RUFFEC - BAC PRO CIEL - CC BY SA - CHAZEAUX Guillaume
</div>
Note:
Information visible uniquement dans le mode screen présentateur.
---
<style>
body {
font-family: Arial, sans-serif;
}
iframe {
border: none;
margin-left: auto;
margin-right: auto;
display:block;
}
.content table td {
text-align: Left;
vertical-align: middle;
}
.content table th {
text-align: center;
vertical-align: middle;
color:#555555;
}
.reveal h1 {
color:#3f3f3f;
font-size: 60px;
text-align:left;
}
.reveal h2 {
color:#03a480;
font-size: 40px;
border: solid;
border-color:#ececec;
border-width:1px;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
}
.reveal h3 {
color:#3f3f3f;
font-size: 25px;
text-align:left;
}
.reveal h4 {
color:#3f3f3f;
border: solid;
border-color:#ececec;
border-width:1px;
border-left-width:0px;
border-right-width:0px;
text-align:left;
font-size: 20px;
}
.reveal h5 {
color:#03a480;
font-size: 18px;
}
.reveal h6 {
color:#3f3f3f;
text-align:left;
font-size: 16px;
}
.reveal section img {box-shadow:none;border:0px;margin:auto}
.maincontent {
width:100%;
padding: 20px;
height: 630px;
font-size: 16px;
display: flex;
justify-content: flex-start;
align-content: stretch;
flex-direction: row;
align-items: flex-start;
flex-wrap: nowrap;
}
.content {
width:100%;
padding: 20px;
height: 445px;
font-size: 16px;
display: flex;
justify-content: flex-start;
align-content: stretch;
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
}
.content2 {
width:100%;
padding: 20px;
height: 630px;
font-size: 16px;
display: flex;
justify-content: flex-start;
align-content: stretch;
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
}
.content img {
border-radius: 0%;
width: 100%;
margin-left: auto;
margin-right: auto;
display:block;
}
.piedpage {
background-color: #03a480 ;
font-size: 14px;
color:#e4e4e4;
width:98%;
height: 1px;
display:block;
float: left;
margin-top: -40px;
padding-top:-40px;
text-align:left;
font-style: italic;
}
.sidebar {
background-color: #03a480 ;
font-size: 14px;
padding: 0px;
color:#f0f0eb;
margin-top:-5px;
width:100%;
display:flex;
}
.sidebar a {
background-color: #03a480 ;
color: #222225;
padding: 11px 3px 11px 3px;
text-decoration: none;
margin-left:0px;
width:250px;
}
.sidebar a:hover {
background-color: #444749;
color: #ececec;
}
.sidebar a.active {
background-color: #fff;
color: #222225;
}
.sidebar a:hover:not(.active){
background-color: #444749;
}
.column {
width: 50%;
float: left;
padding: 10px;
}
.column0 {
width: 65%;
height:170px;
float: left;
display: block;
margin-top:15px;
}
.column1 {
width: 25%;
height:170px;
float: left;
font-size: 16px;
display: block;
color: #464d53;
padding-right:10px;
margin-left:-15px;
}
.column1bis {
width: 30%;
height:170px;
float: left;
font-size: 16px;
display: block;
color: #464d53;
padding-right:11px;
}
.column2bis {
width: 100%;
height:170px;
float: left;
font-size: 16px;
display: block;
color: #464d53;
}
.column3 {
width: 630px;
height: 200px;
padding-right: 20px;
padding-left: 10px;
float: left;
display: block;
font-size: 16px;
text-align: left;
color: #464d53;
text-align: left;
text-justify: auto;
margin-right:-35px;
margin-top:0px;
}
.column2 {
width: 30%;
height: 300px;
float: left;
display: block;
font-size: 16px;
text-align: left;
text-justify: auto;
padding-right:10px;
margin-left:-15px;
color: #464d53;
}
.column2bis {
width: 18%;
height: 200px;
float: left;
display: block;
font-size: 16px;
text-align: left;
text-justify: auto;
margin-right:80px;
color: #464d53;
}
.column4 {
width: 630px;
height: 500px;
padding-right: 20px;
padding-left: 10px;
float: left;
display: block;
font-size: 16px;
text-align: left;
color: #464d53;
text-align: justify;
text-justify: auto;
margin-right:-35px;
}
.column1bis p {
text-align: left;
text-justify: auto;
font-size: 14px;
}
.content a:link {
color: #900C3F;
}
.content a:hover {
color: #464646;
}
.column1 p {
text-align: left;
text-justify: auto;
font-size: 14px;
}
.column2 p {
text-align: left;
text-justify: auto;
font-size: 14px;
}
.column3 p {
text-align: left;
text-justify: auto;
font-size: 14px;
}
.column4 p {
text-align: left;
text-justify: auto;
font-size: 14px;
}
.column0 img {
max-height: 135px;
font-size: 14px;
border-radius: 10%;
padding-left:50px;
padding-right:50px;
}
.column1 img {
border-radius: 100%;
max-height: 135px;
padding-left:50px;
padding-right:50px;
}
.column1bis img {
border-radius: 100%;
max-height: 135px;
padding-left:90px;
padding-right:90px;
}
.column2 img {
border-radius: 5%;
width: 80%;
height: 80%;
}
.column3 img {
border-radius: 0%;
width: 90%;
height: 90%;
}
.column4 img {
border-radius: 0%;
width: 90%;
height: 90%;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
</style>
{"type":"Diaporama","tags":"MDbot, diaporama","title":"Markdown pour quoi faire ?","description":"Diaporama","slideOptions":{"theme":"white","author":"CHAZEAUX Guillaume"}}