<meta name="description" content="Guide complet avec exemples pratiques et conseils. Outils gratuits inclus."> <link rel="canonical" href="https://txt-tool.com/fr/blog/markdown-cheat-sheet.html"> <meta property="og:title" content="Markdown Cheat Sheet: Complete Reference Guide"> <meta property="og:description" content="Markdown Cheat Sheet: Complete Reference Guide. Free guide with examples."> <meta property="og:url" content="https://txt-tool.com/fr/blog/markdown-cheat-sheet.html"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary_large_image"> <link rel="stylesheet" href="/css/style.css?v=20260327c"> <script src="/js/theme.js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6478776854131333" crossorigin="anonymous"></script> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "BlogPosting", "headline": "Markdown Cheat Sheet", "datePublished": "2026-03-16", "dateModified":"2026-03-31", "author": {"@type": "Organization", "name": "TxtTool"}, "publisher": {"@type": "Organization", "name": "TxtTool"}, "description": "Markdown Cheat Sheet: Complete Reference Guide. Comprehensive guide with practical examples and tips. Free tools included.", "mainEntityOfPage": {"@type": "WebPage", "@id": "https://txt-tool.com/blog/markdown-cheat-sheet.html"}}</script> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://txt-tool.com/"}, {"@type": "ListItem", "position": 2, "name": "Blog", "item": "https://txt-tool.com/blog/"}, {"@type": "ListItem", "position": 3, "name": "Markdown Cheat Sheet", "item": "https://txt-tool.com/blog/markdown-cheat-sheet.html"}]}</script> <link rel="alternate" hreflang="fr" href="https://txt-tool.com/fr/blog/markdown-cheat-sheet.html"> <link rel="alternate" hreflang="en" href="https://txt-tool.com/blog/markdown-cheat-sheet.html"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CZ7GQC3DKR"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","G-CZ7GQC3DKR",{"linker":{"domains":["conv-kit.com,go-calc.com,gen-kit.com,run-dev.com,seo-io.com,txt-tool.com,img-kit.com,the-pdf.com,dl-kit.com,nettool1.com"]}});</script></head> <body> <header class="site-header"> <div class="container header-inner"> <a href="/" class="logo"> <svg viewBox="0 0 28 28" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="28" height="28" rx="6" fill="#06b6d4"/> <path d="M7 7h14M7 12h10M7 17h6" stroke="#fff" stroke-width="2" stroke-linecap="round"/> </svg> Txt<span class="logo-accent">Tool</span> </a> <button class="mobile-menu-btn" aria-label="Toggle menu" onclick="document.querySelector('.nav-links').classList.toggle('open')">☰</button> <nav class="nav-links" aria-label="Main navigation"> <a href="/" class="active">Home</a> <a href="/alltools/">Tools</a> <a href="/blog/">Blog</a> <a href="/about.html">About</a> </nav> <div class="header-actions"> <div class="lang-dropdown"> <button class="lang-btn" onclick="this.nextElementSibling.classList.toggle('show')" aria-label="Language"> <span>🇺🇸</span> EN <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 5l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </button> <div class="lang-menu" id="langMenu"> <a href="/">🇺🇸 English</a> <a href="/es/">🇪🇸 Español</a> <a href="/fr/">🇫🇷 Français</a> <a href="/de/">🇩🇪 Deutsch</a> <a href="/ja/">🇯🇵 日本語</a> <a href="/pt/">🇧🇷 Português</a> <a href="/zh/">🇨🇳 中文</a> <a href="/ko/">🇰🇷 한국어</a> </div> </div> <button class="theme-toggle" id="themeToggle" onclick="toggleTheme()" title="Toggle theme"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg> </button> </div> </div> </header> <nav class="breadcrumb" aria-label="Breadcrumb"><div class="container"><a href="/">TxtTool</a><span class="sep">/</span><a href="/blog/">Blog</a><span class="sep">/</span><span>Markdown Cheat Sheet: Complete Reference Guide</span></div></nav> <main id="main-content"> <article class="container" style="max-width:800px;margin:2rem auto;padding:0 1rem"><h1>Aide-mémoire Markdown : Guide de référence complet</h1> <p class="text-muted" style="margin-bottom:1.5rem"><time datetime="2026-03-31">31 mars 2026</time> · 12 min de lecture</p> <p>Markdown est devenu le langage universel du formatage de texte sur le web. Que vous rédigiez de la documentation sur GitHub, postiez sur Reddit, discutiez sur Discord, organisiez des notes dans Notion ou créiez du contenu pour d'innombrables autres plateformes, Markdown est partout. Apprendre cette syntaxe simple mais puissante vous rendra plus productif dans tous les espaces de travail numériques que vous utilisez.</p> <p>Ce guide complet couvre tout, du formatage de base aux techniques avancées, avec des exemples pratiques et des cas d'usage réels. Mettez cette page en favori comme référence incontournable pour tout ce qui concerne Markdown.</p> <details open style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"> <summary style="cursor:pointer;font-weight:600;margin-bottom:0.75rem">📑 Table des matières</summary> <ul style="margin:0;padding-left:1.5rem"> <li><a href="#what-is-markdown">Qu'est-ce que Markdown et pourquoi l'utiliser ?</a></li> <li><a href="#basic-formatting">Formatage de texte de base</a></li> <li><a href="#headings">Titres et structure du document</a></li> <li><a href="#lists">Listes : ordonnées, non ordonnées et imbriquées</a></li> <li><a href="#links-images">Liens et images</a></li> <li><a href="#code-blocks">Blocs de code et coloration syntaxique</a></li> <li><a href="#tables">Création de tableaux</a></li> <li><a href="#blockquotes">Citations et références</a></li> <li><a href="#advanced-features">Fonctionnalités avancées de Markdown</a></li> <li><a href="#flavors">Variantes et extensions de Markdown</a></li> <li><a href="#best-practices">Bonnes pratiques et erreurs courantes</a></li> <li><a href="#faq">Questions fréquemment posées</a></li> </ul> </details> <h2 id="what-is-markdown">Qu'est-ce que Markdown et pourquoi l'utiliser ?</h2> <p>Markdown est un langage de balisage léger créé par John Gruber en 2004. Sa philosophie est simple : le texte brut doit être lisible tel quel, mais aussi convertible en HTML et autres formats. Contrairement aux éditeurs de texte enrichi qui cachent le formatage derrière des boutons et des menus, Markdown garde tout visible et portable.</p> <p>La beauté de Markdown réside dans sa simplicité. Vous pouvez l'écrire dans n'importe quel éditeur de texte, le versionner avec Git et le convertir en HTML, PDF ou des dizaines d'autres formats. Il est devenu la norme de facto pour la documentation technique, les fichiers README, les articles de blog et l'écriture collaborative.</p> <p><strong>Où Markdown est utilisé :</strong></p> <ul> <li>GitHub, GitLab et Bitbucket pour les fichiers README et la documentation</li> <li>Reddit, Discord et Slack pour les messages formatés</li> <li>Notion, Obsidian et Roam Research pour la prise de notes</li> <li>Les générateurs de sites statiques comme Jekyll, Hugo et Gatsby</li> <li>Les systèmes de gestion de contenu et les plateformes de blog</li> <li>Les outils de rédaction technique et les plateformes de documentation</li> </ul> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>Conseil pro :</strong> Utilisez notre <a href="/tools/markdown-editor/">Éditeur Markdown</a> gratuit pour pratiquer la syntaxe en temps réel avec aperçu en direct. C'est le moyen le plus rapide d'apprendre en pratiquant.</p></div> <h2 id="basic-formatting">Formatage de texte de base</h2> <p>La syntaxe de formatage de base de Markdown est intuitive et facile à retenir. La plupart du formatage utilise des caractères spéciaux qui entourent le texte que vous souhaitez styliser.</p> <h3>Texte en gras</h3> <p>Créez du texte en gras en entourant les mots avec des doubles astérisques ou des doubles traits de soulignement :</p> <pre><code>**Ce texte est en gras** __Ceci est aussi en gras__</code></pre> <p>Les deux produisent : <strong>Ce texte est en gras</strong></p> <h3>Texte en italique</h3> <p>Utilisez des astérisques simples ou des traits de soulignement simples pour le texte en italique :</p> <pre><code>*Ce texte est en italique* _Ceci est aussi en italique_</code></pre> <p>Les deux produisent : <em>Ce texte est en italique</em></p> <h3>Gras et italique combinés</h3> <p>Combinez les deux en utilisant trois astérisques ou en mélangeant astérisques et traits de soulignement :</p> <pre><code>***Texte en gras et italique*** **_Aussi en gras et italique_**</code></pre> <p>Résultat : <strong><em>Texte en gras et italique</em></strong></p> <h3>Texte barré</h3> <p>La plupart des variantes de Markdown prennent en charge le texte barré avec des doubles tildes :</p> <pre><code>~~Ce texte est barré~~</code></pre> <p>Résultat : <del>Ce texte est barré</del></p> <h3>Code en ligne</h3> <p>Entourez le texte avec des accents graves simples pour le formater comme du code en ligne :</p> <pre><code>Utilisez la fonction `console.log()` pour déboguer.</code></pre> <p>Résultat : Utilisez la fonction <code>console.log()</code> pour déboguer.</p> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="background:var(--bg-secondary)"> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Syntaxe</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Résultat</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Cas d'usage</th> </tr> </thead> <tbody> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>**texte**</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><strong>texte</strong></td> <td style="border:1px solid var(--border);padding:0.75rem">Emphase, termes importants</td> </tr> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>*texte*</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><em>texte</em></td> <td style="border:1px solid var(--border);padding:0.75rem">Emphase subtile, titres de livres</td> </tr> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>~~texte~~</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><del>texte</del></td> <td style="border:1px solid var(--border);padding:0.75rem">Contenu supprimé, corrections</td> </tr> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>`texte`</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><code>texte</code></td> <td style="border:1px solid var(--border);padding:0.75rem">Code, commandes, noms de fichiers</td> </tr> </tbody> </table> <h2 id="headings">Titres et structure du document</h2> <p>Les titres créent une hiérarchie de document et améliorent la lisibilité. Markdown prend en charge six niveaux de titres, correspondant aux balises <code><h1></code> à <code><h6></code> de HTML.</p> <pre><code># Titre 1 (Le plus grand) ## Titre 2 ### Titre 3 #### Titre 4 ##### Titre 5 ###### Titre 6 (Le plus petit)</code></pre> <p>Le nombre de symboles dièse détermine le niveau du titre. Incluez toujours un espace entre les symboles dièse et le texte du titre.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>Bonne pratique :</strong> Utilisez les niveaux de titre de manière hiérarchique. Ne sautez pas de H1 à H4. Cela améliore l'accessibilité pour les lecteurs d'écran et aide les moteurs de recherche à comprendre la structure de votre contenu.</p></div> <h3>Syntaxe alternative pour les titres</h3> <p>Pour H1 et H2, vous pouvez également utiliser la syntaxe de soulignement :</p> <pre><code>Titre 1 ========= Titre 2 ---------</code></pre> <p>Cependant, la syntaxe avec symbole dièse est plus courante et prend en charge les six niveaux.</p> <h3>Bonnes pratiques pour les titres</h3> <ul> <li>Utilisez un seul H1 par document (généralement le titre)</li> <li>Gardez les titres concis et descriptifs</li> <li>Utilisez la casse de phrase ou la casse de titre de manière cohérente</li> <li>Ne terminez pas les titres par de la ponctuation</li> <li>Ajoutez des lignes vides avant et après les titres pour la lisibilité</li> </ul> <h2 id="lists">Listes : ordonnées, non ordonnées et imbriquées</h2> <p>Les listes sont fondamentales pour organiser l'information. Markdown prend en charge les listes non ordonnées (à puces), les listes ordonnées (numérotées) et les combinaisons imbriquées des deux.</p> <h3>Listes non ordonnées</h3> <p>Créez des listes à puces en utilisant des astérisques, des tirets ou des signes plus. Les trois produisent un résultat identique :</p> <pre><code>* Premier élément * Deuxième élément * Troisième élément - Premier élément - Deuxième élément - Troisième élément + Premier élément + Deuxième élément + Troisième élément</code></pre> <p>Choisissez un style et respectez-le tout au long de votre document pour la cohérence.</p> <h3>Listes ordonnées</h3> <p>Numérotez vos éléments de liste avec des points. Les nombres réels n'ont pas d'importance—Markdown les renumérotera automatiquement :</p> <pre><code>1. Premier élément 2. Deuxième élément 3. Troisième élément 1. Premier élément 1. Deuxième élément 1. Troisième élément</code></pre> <p>Les deux produisent la même liste numérotée. Utiliser tous des 1 facilite la réorganisation des éléments sans renumérotation.</p> <h3>Listes imbriquées</h3> <p>Indentez les éléments imbriqués avec 2 ou 4 espaces (soyez cohérent) :</p> <pre><code>1. Premier élément - Puce imbriquée - Autre puce imbriquée 2. Deuxième élément 1. Numéro imbriqué 2. Autre numéro imbriqué</code></pre> <h3>Listes de tâches</h3> <p>De nombreuses variantes de Markdown prennent en charge les listes de tâches avec des cases à cocher :</p> <pre><code>- [x] Tâche terminée - [ ] Tâche incomplète - [ ] Autre tâche incomplète</code></pre> <p>Ceci est particulièrement utile dans les problèmes GitHub et les outils de gestion de projet.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>Astuce rapide :</strong> Lors de l'écriture d'éléments de liste à plusieurs paragraphes, indentez les paragraphes suivants pour les aligner avec la première ligne de texte, pas avec la puce.</p></div> <h2 id="links-images">Liens et images</h2> <p>Markdown facilite l'ajout d'hyperliens et d'images sans encombrer votre texte avec des balises HTML.</p> <h3>Liens de base</h3> <p>La syntaxe pour les liens est simple : crochets pour le texte du lien, suivis de parenthèses pour l'URL :</p> <pre><code>[Visitez notre Éditeur Markdown](/tools/markdown-editor/)</code></pre> <p>Résultat : <a href="/tools/markdown-editor/">Visitez notre Éditeur Markdown</a></p> <h3>Liens avec titres</h3> <p>Ajoutez un attribut de titre (affiché au survol) en l'incluant entre guillemets après l'URL :</p> <pre><code>[GitHub](https://github.com "Visiter GitHub")</code></pre> <h3>Liens de style référence</h3> <p>Pour les documents avec de nombreux liens répétés, utilisez la syntaxe de style référence pour garder votre texte propre :</p> <pre><code>Consultez [Google][1] et [GitHub][2] pour plus d'informations. [1]: https://google.com "Google" [2]: https://github.com "GitHub"</code></pre> <p>Les définitions de référence peuvent apparaître n'importe où dans le document et ne seront pas visibles dans le résultat.</p> <h3>Liens automatiques</h3> <p>Entourez les URL ou adresses e-mail de chevrons pour les rendre cliquables :</p> <pre><code><https://example.com> <email@example.com></code></pre> <p>De nombreux processeurs Markdown créent également automatiquement des liens pour les URL nues sans chevrons.</p> <h3>Images</h3> <p>La syntaxe des images est identique aux liens, mais avec un point d'exclamation en préfixe :</p> <pre><code>![Texte alternatif décrivant l'image](image-url.png) ![Texte alternatif](image-url.png "Titre optionnel")</code></pre> <p>Le texte alternatif est crucial pour l'accessibilité et le référencement. Fournissez toujours un texte alternatif descriptif qui explique ce que montre l'image.</p> <h3>Bonnes pratiques pour les images</h3> <ul> <li>Rédigez un texte alternatif descriptif pour l'accessibilité</li> <li>Utilisez des chemins relatifs pour les images dans le même dépôt</li> <li>Optimisez les tailles de fichiers d'image pour un chargement plus rapide</li> <li>Envisagez d'utiliser la syntaxe de style référence pour les images répétées</li> <li>Testez que les images s'affichent correctement sur votre plateforme cible</li> </ul> <h2 id="code-blocks">Blocs de code et coloration syntaxique</h2> <p>Les blocs de code sont essentiels pour la documentation technique. Markdown fournit plusieurs façons de formater le code, des extraits en ligne aux blocs multi-lignes avec coloration syntaxique.</p> <h3>Code en ligne</h3> <p>Comme mentionné précédemment, entourez le code en ligne avec des accents graves simples :</p> <pre><code>Utilisez la commande `git commit` pour enregistrer les modifications.</code></pre> <h3>Blocs de code délimités</h3> <p>Pour le code multi-lignes, utilisez des triples accents graves (ou triples tildes) avant et après le code :</p> <pre><code>``` function greet(name) { return `Hello, ${name}!`; } ```</code></pre> <h3>Coloration syntaxique</h3> <p>Spécifiez le langage de programmation après les accents graves d'ouverture pour la coloration syntaxique :</p> <pre><code>```javascript function greet(name) { return `Hello, ${name}!`; } ``` ```python def greet(name): return f"Hello, {name}!" ``` ```css .button { background-color: #06b6d4; border-radius: 8px; } ```</code></pre> <p>La plupart des processeurs Markdown prennent en charge des dizaines de langages, notamment JavaScript, Python, Java, C++, Ruby, Go, Rust, SQL, HTML, CSS et bien d'autres.</p> <h3>Blocs de code indentés</h3> <p>Une syntaxe plus ancienne utilise une indentation de 4 espaces pour créer des blocs de code :</p> <pre><code> function example() { return true; }</code></pre> <p>Cependant, les blocs de code délimités sont préférés car ils prennent en charge la coloration syntaxique et sont plus faciles à lire en texte brut.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>Conseil pro :</strong> Utilisez notre <a href="/tools/html-beautifier/">Embellisseur HTML</a> pour formater le code avant de le coller dans des documents Markdown. Un code propre et bien formaté est plus facile à lire et à maintenir.</p></div> <h2 id="tables">Création de tableaux</h2> <p>Les tableaux organisent les données en lignes et colonnes. Bien que les tableaux Markdown ne soient pas aussi flexibles que les tableaux HTML, ils sont parfaits pour la présentation de données simples.</p> <h3>Syntaxe de tableau de base</h3> <p>Créez des tableaux en utilisant des barres verticales et des tirets :</p> <pre><code>| En-tête 1 | En-tête 2 | En-tête 3 | |-----------|-----------|-----------| | Cellule 1 | Cellule 2 | Cellule 3 | | Cellule 4 | Cellule 5 | Cellule 6 |</code></pre> <p>Les barres verticales n'ont pas besoin d'être parfaitement alignées—les processeurs Markdown les formateront correctement. Cependant, les barres alignées rendent les tableaux plus faciles à lire en texte brut.</p> <h3>Alignement des colonnes</h3> <p>Contrôlez l'alignement du texte en utilisant des deux-points dans la ligne de séparation :</p> <pre><code>| Aligné à gauche | Centré | Aligné à droite | |:----------------|:------:|----------------:| | Texte | Texte | Texte | | Plus de texte | Plus | Plus de texte |</code></pre> <ul> <li><code>:---</code> aligne à gauche (par défaut)</li> <li><code>:---:</code> centre le texte</li> <li><code>---:</code> aligne à droite</li> </ul> <h3>Exemple de tableau pratique</h3> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="background:var(--bg-secondary)"> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Variante Markdown</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Tableaux</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Listes de tâches</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Notes de bas de page</th> </tr> </thead> <tbody> <tr> <td style="border:1px solid var(--border);padding:0.75rem">CommonMark</td> <td style="border:1px solid var(--border);padding:0.75rem">❌ Non</td> <td style="border:1px solid var(--border);padding:0.75rem">❌ Non</td> <td style="border:1px solid var(--border);padding:0.75rem"></article> </main> <footer class="site-footer"> <div class="container"> <div class="footer-grid"> <div class="footer-col"><h4>Format</h4><a href="/tools/sort-lines/">Sort Lines</a><a href="/tools/remove-duplicates/">Remove Duplicates</a></div> <div class="footer-col"><h4>Encode</h4><a href="/tools/unicode-converter/">Unicode Converter</a></div> <div class="footer-col"><h4>Count</h4><a href="/tools/word-counter/">Word Counter</a><a href="/tools/character-counter/">Character Counter</a><a href="/tools/line-counter/">Line Counter</a><a href="/tools/text-statistics/">Text Statistics</a></div> <div class="footer-col"><h4>Convert</h4><a href="/tools/markdown-to-html/">Markdown To Html</a><a href="/tools/html-to-text/">Html To Text</a><a href="/tools/csv-to-json/">Csv To Json</a><a href="/tools/json-to-csv/">Json To Csv</a></div> <div class="footer-col"><h4>Company</h4><a href="/about.html">About</a><a href="/blog/">Blog</a><a href="/contact.html">Contact</a><a href="/sitemap.xml">Sitemap</a></div> </div> <div class="footer-bottom"> <span>© 2026 TxtTool. All processing happens in your browser.</span> <div class="footer-legal"><a href="/privacy.html">Privacy</a><a href="/terms.html">Terms</a></div> </div> </div> <div class="matrix-links" style="text-align:center;padding:10px 0;border-top:1px solid rgba(255,255,255,0.05)"><span style="color:#666;font-size:0.75em">More Tools: </span><a href="https://run-dev.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">run-dev</a><a href="https://img-kit.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">img-kit</a><a href="https://the-pdf.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">the-pdf</a><a href="https://nettool1.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">nettool1</a></div></footer> </body> </html>