<?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/pt/tags/html/</link><description>Recent content in HTML on kenji.blog</description><generator>Hugo -- gohugo.io</generator><language>pt</language><copyright>kenjinote</copyright><lastBuildDate>Thu, 06 Apr 2023 23:23:46 +0900</lastBuildDate><atom:link href="http://kenji.blog/pt/tags/html/index.xml" rel="self" type="application/rss+xml"/><item><title>Como criar apresentações com HTML (reveal.js)</title><link>http://kenji.blog/pt/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/pt/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 Como criar apresentações com HTML (reveal.js)" />&lt;h1 id="como-criar-apresentações-com-html">Como criar apresentações com HTML
&lt;/h1>&lt;p>reveal.js é uma ferramenta de criação de apresentações usando HTML e Markdown, que possui as seguintes funções:&lt;/p>
&lt;ul>
&lt;li>Várias funções de apresentação, como fórmulas matemáticas, animações e operações de deslizar&lt;/li>
&lt;li>Temas e layouts personalizáveis&lt;/li>
&lt;li>Funções de navegação suportadas por vários dispositivos, como mouse, teclado e touchpad&lt;/li>
&lt;li>Funções avançadas, como reprodução automática de slides e vídeos incorporados&lt;/li>
&lt;li>Pode ser exportado no formato PDF&lt;/li>
&lt;/ul>
&lt;p>Com esses recursos, os usuários podem criar facilmente apresentações interativas e atraentes.&lt;/p>
&lt;h1 id="instalação-e-uso-do-revealjs">Instalação e uso do reveal.js
&lt;/h1>&lt;p>A maneira mais fácil de usá-lo é baixar e extrair o ZIP inteiro da página a seguir.&lt;/p>
&lt;ol>
&lt;li>Abra &lt;a class="link" href="https://revealjs.com/installation" target="_blank" rel="noopener"
>https://revealjs.com/installation&lt;/a> e baixe o &lt;code>master.zip&lt;/code> no link&lt;/li>
&lt;li>Abra o arquivo index.html na pasta extraída em um navegador&lt;/li>
&lt;li>Reescreva o index.html para criar sua própria apresentação&lt;/li>
&lt;/ol>
&lt;p>※ Como o código HTML de demonstração está escrito em demo.html, você pode usá-lo como referência.&lt;/p>
&lt;h1 id="como-utilizar">Como utilizar
&lt;/h1>&lt;p>As apresentações que você criar podem ser publicadas como páginas da web ou exportadas como PDFs.
Além disso, como a fonte da apresentação é texto, é fácil gerenciá-la com um sistema de controle de versão.&lt;/p>
&lt;p>Também parece ser possível criar materiais de apresentação no formato Markdown.&lt;/p>
&lt;h1 id="referências">Referências
&lt;/h1>&lt;ul>
&lt;li>&lt;a class="link" href="https://qiita.com/Targityen/items/40ae4795e2cb77c1adc6" target="_blank" rel="noopener"
>Vamos usar reveal.js para materiais de apresentação no futuro&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="https://qiita.com/jkjoluvjlajelljicvjzojieoaid/items/01cd7ff819bc2e69b652" target="_blank" rel="noopener"
>Lista de exemplos de sintaxe Markdown&lt;/a>&lt;/li>
&lt;/ul></description></item><item><title>Usando tags HTML no HUGO</title><link>http://kenji.blog/pt/p/usando-tags-html-no-hugo/</link><pubDate>Tue, 17 Jan 2023 19:20:32 +0900</pubDate><guid>http://kenji.blog/pt/p/usando-tags-html-no-hugo/</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 Usando tags HTML no HUGO" />&lt;p>Por padrão, o HUGO não permite o uso de tags HTML em artigos, mas você pode ativá-lo adicionando a seguinte descrição ao 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>Referência: &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>