<style>
.markdown-body { font-family: Georgia, serif; }
h1 + p {
border: 1px solid rgba(0,0,0,0.5);
padding: 5px;
text-align: center;
}
.right { text-align: right; }
</style>

# LIVRE WEB INFONUM

Ce livre web HackMD sert de démo à la fonctionnalité "Book Mode" proposée dans le menu Partage (en haut à droite de l'interface).

**Attention :** Book Mode ne fonctionne que si vous avez créé un fichier qui sert de "colonne vertébrale", et qui contient les liens vers les différentes parties, comme indiqué dans le [Tutoriel livre web HackMD](/E52yY-IsQPmOmZl-gqbcRw). Cette "colonne vertébrale" ne s'affiche pas à la lecture : elle n'est là que pour faire tenir ensemble tous les fichiers dans un certain ordre. Le fichier intitulé "Présentation" que vous êtes en train de lire n'est pas le fichier "colonne vertébrale" : c'est un fichier de contenu, en l'occurrence c'est le premier de la liste, et donc c'est celui qui s'affiche quand on affiche le livre.

Pour voir le fichier "colonne vertébrale" de ce livre web, [cliquez ici](https://hackmd.io/vKa_iMB2TuCZG6QRC7KPCg).

***

Voici quelques paragraphes pour vous aider à comprendre comment ajouter des styles à votre livre (personnalisation facultative).

# 1. Titre de partie

Paragraphe de présentation. La mise en forme de ce paragraphe est modifiée par des sélecteurs CSS (ligne 3) et le paragraphe lui-même reste en Markdown, donc on peut utiliser la syntaxe directement. Par exemple mettre un mot en **gras**.

## 1.1. Sous-partie

<p class="right">Un autre paragraphe. La mise en forme de ce paragraphe est modifiée par une classe CSS (ligne 8). Comme on a ajouté une balise p et un attribut class autour du paragraphe, HackMD considère tout le paragraphe comme du code HTML, donc on ne peut plus utiliser directement la syntaxe Markdown native. Ainsi si on essaye de mettre un mot en **gras** les astérisques ne sont pas interprétées mais rendues telles quelles.</p>

<div class="right">

En revanche, si on utilise des éléments `div` et qu'on fait bien attention à isoler le `div` du contenu avec des lignes vides, la syntaxe Markdown **marche** _parfaitement_.

</div>