Exemple de page internet crée à partir d'un fichier odt
Cette page web a été calculée à partir de ce fichier odt
Table des Matières (optionnelle)
Mise en forme des caractères
Vous pouvez utiliser plusieurs mises en forme de caractères : italique et gras.
- mot
barré - exposant
- indice
Vous pouvez insérer des smileys 😄
Liens
Liens vers l’extérieur
Vous pouvez insérer des liens qui pointent vers des pages internet externes, comme www.google.com. Pour cela vous devez écrire le protocole en tête de l’URL du lien. La plupart du temps c’est https:// or http://.
Vous pouvez écrire des adresses mail et des numéros de téléphone :
Mise en forme des paragraphes
Nouvelle ligne et nouveau paragraphe
Un paragraphe est un ensemble de lignes sans ¶ ("pied-de-mouche"), inséré avec la touche Entrée. En d’autres mots, un ¶ marque la fin de tout paragraphe.
Dans votre fichier, si vous ne voyez pas le symbole ¶ : vous pouvez généralement “activer les symboles de mise en page” dans votre éditeur de texte.
Dans un paragraphe, si vous voulez faire un retour à la ligne, finissez la ligne avec ↲ : le symbole de fin de ligne, inséré avec Maj+Entrée.
Après un ¶ c’est un nouveau paragraphe.
Listes
Vous pouvez insérer des listes à puces
- premier point
- 2ème point
- …
ou des listes numérotées
- A
- B
- C
Insertions de médias
Images
Images bitmap
Vous pouvez insérer des images standards bitmap ou matricielle (jpeg, png, …), un simple glissé-déposé suffit
et contrôler leurs tailles à partir de l’éditeur de texte.
Images vectorielles
Vous pouvez insérer des images vectorielles à partir de votre éditeur et contrôler leur taille. Durant ce processus l’image vectorielle est généralement convertie en image bitmap.
Images animées
Vous pouvez insérer des images (GIF) et contrôler leur taille au sein de votre éditeur.
Tableaux
Vous pouvez insérer des tableaux
| Prénom | Nom de famille | Adresse mail | Âge |
| Paul | Bertrand | pol.bertrand@gmail.com | 28 |
| Pierre | Roger | pierreroger86@yahoo.fr | 34 |
Métadonnées de vos pages internet
Ce format de fichier ne vous permet pas de définir les métadonnées de la page web correspondante (p. ex. le titre de la page web) dans le fichier lui-même. C’est pourquoi les métadonnées sont définies dans un fichier de métadonnées, à côté. Un fichier de métadonnées, est un fichier texte, avec l’extension yaml.
Par exemple, si votre fichier se nomme monfichier.odt, créez un fichier monfichier.yaml.
Voici un exemple de ce que peut contenir votre fichier de métadonnées
—
title: "Votresiteweb.com: Exemple de page internet crée à partir d'un fichier odt"
author: 'Prénom Nom'
date: '2020-11-10'
description: 'Exemple de page internet crée à partir d'un fichier odt'
keywords: 'Pambda, Pambda.fr, pandoc, odt, html, site internet'
header-includes: |
<meta property="og:type" content="website" />
<meta property="og:description" content="Pambda.fr: Exemple de page internet crée à partir d'un fichier odt" />
<meta property="og:url" content="https://pambda.fr/Documentation/odt-formatting.html" />
<meta property="og:image" content="https://pambda.fr/index/logo-social-networks.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Pambda" />
<meta property="og:locale" content="fr_FR" />
<meta name="twitter:card" content="summary\_large\_image">
...
Attention, si vous utilisez des apostrophes (') dans les champs de valeurs, écrivez les valeurs entre des guillemets (") plutôt qu’entre des apostrophes.
Éditez les valeurs à droite des “:” avec les valeurs que vous souhaitez.
Les métadonnées ne sont pas nécessaires, mais elles ont les utilités suivantes : Le titre est affiché dans l’onglet de la page de votre navigateur internet. Le titre, la description et les keywords (mots clefs) aident les moteurs de recherche (comme Google) à indexer votre page. Pour plus d’informations à propos des valeurs du champs “header-includes” allez voir The Essential Meta Tags for Social Media.
Table des matières
Si vous voulez une table des matières, ajoutez ceci au bloc de metadonnées
toc: true
toc-title: 'Titre de votre table des matières'
toc-depth: 2