<meta name="description" content="Guía completa con ejemplos prácticos y consejos. Herramientas gratuitas incluidas."> <link rel="canonical" href="https://txt-tool.com/es/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/es/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="es" href="https://txt-tool.com/es/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>Hoja de Referencia de Markdown: Guía Completa</h1> <p class="text-muted" style="margin-bottom:1.5rem"><time datetime="2026-03-31">31 de marzo de 2026</time> · 12 min de lectura</p> <p>Markdown se ha convertido en el lenguaje universal de formato de texto en la web. Ya sea que estés escribiendo documentación en GitHub, publicando en Reddit, chateando en Discord, organizando notas en Notion o creando contenido para innumerables otras plataformas, Markdown está en todas partes. Aprender esta sintaxis simple pero poderosa te hará más productivo en cada espacio de trabajo digital que uses.</p> <p>Esta guía completa cubre todo, desde el formato básico hasta técnicas avanzadas, con ejemplos prácticos y casos de uso del mundo real. Guarda esta página como tu referencia principal para todo lo relacionado con 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">📑 Tabla de Contenidos</summary> <ul style="margin:0;padding-left:1.5rem"> <li><a href="#what-is-markdown">¿Qué es Markdown y por qué usarlo?</a></li> <li><a href="#basic-formatting">Formato Básico de Texto</a></li> <li><a href="#headings">Encabezados y Estructura del Documento</a></li> <li><a href="#lists">Listas: Ordenadas, Desordenadas y Anidadas</a></li> <li><a href="#links-images">Enlaces e Imágenes</a></li> <li><a href="#code-blocks">Bloques de Código y Resaltado de Sintaxis</a></li> <li><a href="#tables">Creación de Tablas</a></li> <li><a href="#blockquotes">Citas en Bloque y Referencias</a></li> <li><a href="#advanced-features">Características Avanzadas de Markdown</a></li> <li><a href="#flavors">Variantes y Extensiones de Markdown</a></li> <li><a href="#best-practices">Mejores Prácticas y Errores Comunes</a></li> <li><a href="#faq">Preguntas Frecuentes</a></li> </ul> </details> <h2 id="what-is-markdown">¿Qué es Markdown y por qué usarlo?</h2> <p>Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Su filosofía es simple: el texto plano debe ser legible tal como está, pero también convertible a HTML y otros formatos. A diferencia de los editores de texto enriquecido que ocultan el formato detrás de botones y menús, Markdown mantiene todo visible y portátil.</p> <p>La belleza de Markdown radica en su simplicidad. Puedes escribirlo en cualquier editor de texto, controlarlo con Git y convertirlo a HTML, PDF o docenas de otros formatos. Se ha convertido en el estándar de facto para documentación técnica, archivos README, publicaciones de blog y escritura colaborativa.</p> <p><strong>Dónde se usa Markdown:</strong></p> <ul> <li>GitHub, GitLab y Bitbucket para archivos README y documentación</li> <li>Reddit, Discord y Slack para mensajes formateados</li> <li>Notion, Obsidian y Roam Research para tomar notas</li> <li>Generadores de sitios estáticos como Jekyll, Hugo y Gatsby</li> <li>Sistemas de gestión de contenido y plataformas de blogs</li> <li>Herramientas de escritura técnica y plataformas de documentación</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>Consejo profesional:</strong> Usa nuestro <a href="/tools/markdown-editor/">Editor de Markdown</a> gratuito para practicar la sintaxis en tiempo real con vista previa en vivo. Es la forma más rápida de aprender haciendo.</p></div> <h2 id="basic-formatting">Formato Básico de Texto</h2> <p>La sintaxis de formato básico de Markdown es intuitiva y fácil de recordar. La mayoría del formato usa caracteres especiales que rodean el texto que deseas estilizar.</p> <h3>Texto en Negrita</h3> <p>Crea texto en negrita envolviendo palabras con dobles asteriscos o dobles guiones bajos:</p> <pre><code>**Este texto está en negrita** __Esto también está en negrita__</code></pre> <p>Ambos producen: <strong>Este texto está en negrita</strong></p> <h3>Texto en Cursiva</h3> <p>Usa asteriscos simples o guiones bajos simples para texto en cursiva:</p> <pre><code>*Este texto está en cursiva* _Esto también está en cursiva_</code></pre> <p>Ambos producen: <em>Este texto está en cursiva</em></p> <h3>Negrita y Cursiva Combinadas</h3> <p>Combina ambos usando tres asteriscos o mezclando asteriscos y guiones bajos:</p> <pre><code>***Texto en negrita y cursiva*** **_También en negrita y cursiva_**</code></pre> <p>Resultado: <strong><em>Texto en negrita y cursiva</em></strong></p> <h3>Tachado</h3> <p>La mayoría de las variantes de Markdown admiten tachado con dobles tildes:</p> <pre><code>~~Este texto está tachado~~</code></pre> <p>Resultado: <del>Este texto está tachado</del></p> <h3>Código en Línea</h3> <p>Envuelve el texto en comillas invertidas simples para formatearlo como código en línea:</p> <pre><code>Usa la función `console.log()` para depurar.</code></pre> <p>Resultado: Usa la función <code>console.log()</code> para depurar.</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">Sintaxis</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Resultado</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Caso de Uso</th> </tr> </thead> <tbody> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>**texto**</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><strong>texto</strong></td> <td style="border:1px solid var(--border);padding:0.75rem">Énfasis, términos importantes</td> </tr> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>*texto*</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><em>texto</em></td> <td style="border:1px solid var(--border);padding:0.75rem">Énfasis sutil, títulos de libros</td> </tr> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>~~texto~~</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><del>texto</del></td> <td style="border:1px solid var(--border);padding:0.75rem">Contenido eliminado, correcciones</td> </tr> <tr> <td style="border:1px solid var(--border);padding:0.75rem"><code>`texto`</code></td> <td style="border:1px solid var(--border);padding:0.75rem"><code>texto</code></td> <td style="border:1px solid var(--border);padding:0.75rem">Código, comandos, nombres de archivo</td> </tr> </tbody> </table> <h2 id="headings">Encabezados y Estructura del Documento</h2> <p>Los encabezados crean jerarquía en el documento y mejoran la legibilidad. Markdown admite seis niveles de encabezados, coincidiendo con las etiquetas <code><h1></code> hasta <code><h6></code> de HTML.</p> <pre><code># Encabezado 1 (Más grande) ## Encabezado 2 ### Encabezado 3 #### Encabezado 4 ##### Encabezado 5 ###### Encabezado 6 (Más pequeño)</code></pre> <p>El número de símbolos de almohadilla determina el nivel del encabezado. Siempre incluye un espacio entre los símbolos de almohadilla y el texto del encabezado.</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>Mejor práctica:</strong> Usa los niveles de encabezado jerárquicamente. No saltes de H1 a H4. Esto mejora la accesibilidad para lectores de pantalla y ayuda a los motores de búsqueda a entender la estructura de tu contenido.</p></div> <h3>Sintaxis Alternativa de Encabezados</h3> <p>Para H1 y H2, también puedes usar sintaxis de estilo subrayado:</p> <pre><code>Encabezado 1 ========= Encabezado 2 ---------</code></pre> <p>Sin embargo, la sintaxis con símbolos de almohadilla es más común y admite los seis niveles.</p> <h3>Mejores Prácticas para Encabezados</h3> <ul> <li>Usa solo un H1 por documento (típicamente el título)</li> <li>Mantén los encabezados concisos y descriptivos</li> <li>Usa mayúsculas de oración o título de forma consistente</li> <li>No termines los encabezados con puntuación</li> <li>Agrega líneas en blanco antes y después de los encabezados para legibilidad</li> </ul> <h2 id="lists">Listas: Ordenadas, Desordenadas y Anidadas</h2> <p>Las listas son fundamentales para organizar información. Markdown admite listas desordenadas (con viñetas), listas ordenadas (numeradas) y combinaciones anidadas de ambas.</p> <h3>Listas Desordenadas</h3> <p>Crea listas con viñetas usando asteriscos, guiones o signos de más. Los tres producen resultados idénticos:</p> <pre><code>* Primer elemento * Segundo elemento * Tercer elemento - Primer elemento - Segundo elemento - Tercer elemento + Primer elemento + Segundo elemento + Tercer elemento</code></pre> <p>Elige un estilo y mantenlo en todo tu documento para consistencia.</p> <h3>Listas Ordenadas</h3> <p>Numera tus elementos de lista con puntos. Los números reales no importan—Markdown los renumerará automáticamente:</p> <pre><code>1. Primer elemento 2. Segundo elemento 3. Tercer elemento 1. Primer elemento 1. Segundo elemento 1. Tercer elemento</code></pre> <p>Ambos producen la misma lista numerada. Usar todos 1s facilita reordenar elementos sin renumerar.</p> <h3>Listas Anidadas</h3> <p>Indenta los elementos anidados con 2 o 4 espacios (sé consistente):</p> <pre><code>1. Primer elemento - Viñeta anidada - Otra viñeta anidada 2. Segundo elemento 1. Número anidado 2. Otro número anidado</code></pre> <h3>Listas de Tareas</h3> <p>Muchas variantes de Markdown admiten listas de tareas con casillas de verificación:</p> <pre><code>- [x] Tarea completada - [ ] Tarea incompleta - [ ] Otra tarea incompleta</code></pre> <p>Esto es particularmente útil en issues de GitHub y herramientas de gestión de proyectos.</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>Consejo rápido:</strong> Al escribir elementos de lista de varios párrafos, indenta los párrafos subsiguientes para alinearlos con la primera línea de texto, no con la viñeta.</p></div> <h2 id="links-images">Enlaces e Imágenes</h2> <p>Markdown facilita agregar hipervínculos e imágenes sin saturar tu texto con etiquetas HTML.</p> <h3>Enlaces Básicos</h3> <p>La sintaxis para enlaces es sencilla: corchetes para el texto del enlace, seguidos de paréntesis para la URL:</p> <pre><code>[Visita nuestro Editor de Markdown](/tools/markdown-editor/)</code></pre> <p>Resultado: <a href="/tools/markdown-editor/">Visita nuestro Editor de Markdown</a></p> <h3>Enlaces con Títulos</h3> <p>Agrega un atributo de título (mostrado al pasar el cursor) incluyéndolo entre comillas después de la URL:</p> <pre><code>[GitHub](https://github.com "Visita GitHub")</code></pre> <h3>Enlaces de Estilo Referencia</h3> <p>Para documentos con muchos enlaces repetidos, usa sintaxis de estilo referencia para mantener tu texto limpio:</p> <pre><code>Consulta [Google][1] y [GitHub][2] para más información. [1]: https://google.com "Google" [2]: https://github.com "GitHub"</code></pre> <p>Las definiciones de referencia pueden aparecer en cualquier parte del documento y no serán visibles en el resultado.</p> <h3>Enlaces Automáticos</h3> <p>Envuelve URLs o direcciones de correo electrónico en corchetes angulares para hacerlas clicables:</p> <pre><code><https://example.com> <email@example.com></code></pre> <p>Muchos procesadores de Markdown también enlazan automáticamente URLs sin corchetes angulares.</p> <h3>Imágenes</h3> <p>La sintaxis de imagen es idéntica a los enlaces, pero con un signo de exclamación como prefijo:</p> <pre><code>![Texto alternativo describiendo la imagen](imagen-url.png) ![Texto alternativo](imagen-url.png "Título opcional")</code></pre> <p>El texto alternativo es crucial para accesibilidad y SEO. Siempre proporciona texto alternativo descriptivo que explique qué muestra la imagen.</p> <h3>Mejores Prácticas para Imágenes</h3> <ul> <li>Escribe texto alternativo descriptivo para accesibilidad</li> <li>Usa rutas relativas para imágenes en el mismo repositorio</li> <li>Optimiza los tamaños de archivo de imagen para carga más rápida</li> <li>Considera usar sintaxis de estilo referencia para imágenes repetidas</li> <li>Prueba que las imágenes se muestren correctamente en tu plataforma objetivo</li> </ul> <h2 id="code-blocks">Bloques de Código y Resaltado de Sintaxis</h2> <p>Los bloques de código son esenciales para documentación técnica. Markdown proporciona múltiples formas de formatear código, desde fragmentos en línea hasta bloques de múltiples líneas con resaltado de sintaxis.</p> <h3>Código en Línea</h3> <p>Como se mencionó anteriormente, envuelve el código en línea en comillas invertidas simples:</p> <pre><code>Usa el comando `git commit` para guardar cambios.</code></pre> <h3>Bloques de Código Delimitados</h3> <p>Para código de múltiples líneas, usa triples comillas invertidas (o triples tildes) antes y después del código:</p> <pre><code>``` function greet(name) { return `Hello, ${name}!`; } ```</code></pre> <h3>Resaltado de Sintaxis</h3> <p>Especifica el lenguaje de programación después de las comillas invertidas de apertura para resaltado de sintaxis:</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 mayoría de los procesadores de Markdown admiten docenas de lenguajes incluyendo JavaScript, Python, Java, C++, Ruby, Go, Rust, SQL, HTML, CSS y muchos más.</p> <h3>Bloques de Código Indentados</h3> <p>Una sintaxis más antigua usa indentación de 4 espacios para crear bloques de código:</p> <pre><code> function example() { return true; }</code></pre> <p>Sin embargo, los bloques de código delimitados son preferidos porque admiten resaltado de sintaxis y son más fáciles de leer en texto plano.</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>Consejo profesional:</strong> Usa nuestro <a href="/tools/html-beautifier/">Embellecedor de HTML</a> para formatear código antes de pegarlo en documentos Markdown. El código limpio y bien formateado es más fácil de leer y mantener.</p></div> <h2 id="tables">Creación de Tablas</h2> <p>Las tablas organizan datos en filas y columnas. Aunque las tablas de Markdown no son tan flexibles como las tablas HTML, son perfectas para presentación de datos simple.</p> <h3>Sintaxis Básica de Tablas</h3> <p>Crea tablas usando barras verticales y guiones:</p> <pre><code>| Encabezado 1 | Encabezado 2 | Encabezado 3 | |--------------|--------------|--------------| | Celda 1 | Celda 2 | Celda 3 | | Celda 4 | Celda 5 | Celda 6 |</code></pre> <p>Las barras verticales no necesitan alinearse perfectamente—los procesadores de Markdown las formatearán correctamente. Sin embargo, las barras alineadas hacen que las tablas sean más fáciles de leer en texto plano.</p> <h3>Alineación de Columnas</h3> <p>Controla la alineación del texto usando dos puntos en la fila separadora:</p> <pre><code>| Alineado izquierda | Centrado | Alineado derecha | |:-------------------|:--------:|-----------------:| | Texto | Texto | Texto | | Más texto | Más texto| Más texto |</code></pre> <ul> <li><code>:---</code> alinea a la izquierda (predeterminado)</li> <li><code>:---:</code> centra el texto</li> <li><code>---:</code> alinea a la derecha</li> </ul> <h3>Ejemplo Práctico de Tabla</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 de Markdown</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Tablas</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Listas de Tareas</th> <th style="border:1px solid var(--border);padding:0.75rem;text-align:left">Notas al pie</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">❌ No</td> <td style="border:1px solid var(--border);padding:0.75rem">❌ No</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>