<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>HTML on kenji.blog</title><link>http://kenji.blog/es/tags/html/</link><description>Recent content in HTML on kenji.blog</description><generator>Hugo -- gohugo.io</generator><language>es</language><copyright>kenjinote</copyright><lastBuildDate>Thu, 06 Apr 2023 23:23:46 +0900</lastBuildDate><atom:link href="http://kenji.blog/es/tags/html/index.xml" rel="self" type="application/rss+xml"/><item><title>Cómo crear presentaciones con HTML (reveal.js)</title><link>http://kenji.blog/es/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/</link><pubDate>Thu, 06 Apr 2023 23:23:46 +0900</pubDate><guid>http://kenji.blog/es/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/</guid><description>&lt;img src="http://kenji.blog/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/img.png" alt="Featured image of post Cómo crear presentaciones con HTML (reveal.js)" />&lt;h1 id="cómo-crear-presentaciones-con-html">Cómo crear presentaciones con HTML
&lt;/h1>&lt;p>reveal.js es una herramienta para crear presentaciones utilizando HTML y Markdown, que incluye las siguientes características:&lt;/p>
&lt;ul>
&lt;li>Variadas funciones de presentación, como fórmulas matemáticas, animaciones y operaciones de deslizamiento (swipe).&lt;/li>
&lt;li>Permite personalizar temas y diseños.&lt;/li>
&lt;li>Funciones de navegación compatibles con múltiples dispositivos, como ratones, teclados y paneles táctiles (touchpads).&lt;/li>
&lt;li>Ofrece funciones avanzadas, como reproducción automática de diapositivas e incrustación de vídeos.&lt;/li>
&lt;li>Permite exportar en formato PDF.&lt;/li>
&lt;/ul>
&lt;p>Gracias a estas funciones, los usuarios pueden crear fácilmente presentaciones interactivas y atractivas.&lt;/p>
&lt;h1 id="instalación-y-uso-de-revealjs">Instalación y uso de reveal.js
&lt;/h1>&lt;p>La forma más sencilla de utilizarlo es descargar el archivo ZIP completo desde la siguiente página y descomprimirlo.&lt;/p>
&lt;ol>
&lt;li>Abre &lt;a class="link" href="https://revealjs.com/installation" target="_blank" rel="noopener"
>https://revealjs.com/installation&lt;/a> y descarga el &lt;code>master.zip&lt;/code> desde el enlace.&lt;/li>
&lt;li>Abre el archivo index.html de la carpeta descomprimida en un navegador.&lt;/li>
&lt;li>Edita el archivo index.html para crear tu propia presentación.&lt;/li>
&lt;/ol>
&lt;ul>
&lt;li>Como referencia, en demo.html encontrarás código HTML de demostración.&lt;/li>
&lt;/ul>
&lt;h1 id="casos-de-uso">Casos de uso
&lt;/h1>&lt;p>Las presentaciones creadas pueden publicarse directamente como páginas web o exportarse como PDF.
Además, dado que el código fuente de la presentación es texto, resulta fácil gestionarlo mediante sistemas de control de versiones.&lt;/p>
&lt;p>Al parecer, también es posible crear presentaciones en formato Markdown.&lt;/p>
&lt;h1 id="referencias">Referencias
&lt;/h1>&lt;ul>
&lt;li>&lt;a class="link" href="https://qiita.com/Targityen/items/40ae4795e2cb77c1adc6" target="_blank" rel="noopener"
>A partir de ahora, usa reveal.js para tus presentaciones&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="https://qiita.com/jkjoluvjlajelljicvjzojieoaid/items/01cd7ff819bc2e69b652" target="_blank" rel="noopener"
>Lista de ejemplos de sintaxis Markdown&lt;/a>&lt;/li>
&lt;/ul></description></item><item><title>Usar etiquetas HTML en HUGO</title><link>http://kenji.blog/es/p/hugo%E3%81%A7html%E3%82%BF%E3%82%B0%E3%82%92%E4%BD%BF%E3%81%86/</link><pubDate>Tue, 17 Jan 2023 19:20:32 +0900</pubDate><guid>http://kenji.blog/es/p/hugo%E3%81%A7html%E3%82%BF%E3%82%B0%E3%82%92%E4%BD%BF%E3%81%86/</guid><description>&lt;img src="http://kenji.blog/p/hugo%E3%81%A7html%E3%82%BF%E3%82%B0%E3%82%92%E4%BD%BF%E3%81%86/img.png" alt="Featured image of post Usar etiquetas HTML en HUGO" />&lt;p>De manera predeterminada, el uso de etiquetas HTML en los artículos está deshabilitado en HUGO, pero puedes habilitarlo agregando la siguiente configuración en config.toml.&lt;/p>
&lt;div class="highlight">&lt;div class="chroma">
&lt;table class="lntable">&lt;tr>&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code>&lt;span class="lnt">1
&lt;/span>&lt;span class="lnt">2
&lt;/span>&lt;/code>&lt;/pre>&lt;/td>
&lt;td class="lntd">
&lt;pre tabindex="0" class="chroma">&lt;code class="language-toml" data-lang="toml">&lt;span class="line">&lt;span class="cl">&lt;span class="p">[&lt;/span>&lt;span class="nx">markup&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="nx">goldmark&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="nx">renderer&lt;/span>&lt;span class="p">]&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nx">unsafe&lt;/span> &lt;span class="p">=&lt;/span> &lt;span class="kc">true&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/td>&lt;/tr>&lt;/table>
&lt;/div>
&lt;/div>&lt;p>Referencia: &lt;a class="link" href="https://gohugo.io/getting-started/configuration-markup" target="_blank" rel="noopener"
>Configure Markup&lt;/a>&lt;/p></description></item></channel></rss>