<?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/de/tags/html/</link><description>Recent content in HTML on kenji.blog</description><generator>Hugo -- gohugo.io</generator><language>de</language><copyright>kenjinote</copyright><lastBuildDate>Thu, 06 Apr 2023 23:23:46 +0900</lastBuildDate><atom:link href="http://kenji.blog/de/tags/html/index.xml" rel="self" type="application/rss+xml"/><item><title>Wie man Präsentationen mit HTML erstellt (reveal.js)</title><link>http://kenji.blog/de/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/de/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 Wie man Präsentationen mit HTML erstellt (reveal.js)" />&lt;h1 id="wie-man-präsentationen-mit-html-erstellt">Wie man Präsentationen mit HTML erstellt
&lt;/h1>&lt;p>reveal.js ist ein Tool zur Erstellung von Präsentationen mit HTML und Markdown, das die folgenden Funktionen bietet:&lt;/p>
&lt;ul>
&lt;li>Verschiedene Präsentationsfunktionen wie mathematische Formeln, Animationen und Wischgesten&lt;/li>
&lt;li>Anpassbare Themes und Layouts&lt;/li>
&lt;li>Navigationsfunktionen, die von mehreren Geräten wie Maus, Tastatur und Touchpad unterstützt werden&lt;/li>
&lt;li>Bietet erweiterte Funktionen wie automatische Wiedergabe von Folien und eingebettete Videos&lt;/li>
&lt;li>Kann im PDF-Format exportiert werden&lt;/li>
&lt;/ul>
&lt;p>Mit diesen Funktionen können Benutzer ganz einfach interaktive und ansprechende Präsentationen erstellen.&lt;/p>
&lt;h1 id="installation-und-nutzung-von-revealjs">Installation und Nutzung von reveal.js
&lt;/h1>&lt;p>Der einfachste Weg, es zu nutzen, besteht darin, die gesamte ZIP-Datei von der folgenden Seite herunterzuladen und zu entpacken.&lt;/p>
&lt;ol>
&lt;li>Öffnen Sie &lt;a class="link" href="https://revealjs.com/installation" target="_blank" rel="noopener"
>https://revealjs.com/installation&lt;/a> und laden Sie die Datei &lt;code>master.zip&lt;/code> über den Link herunter&lt;/li>
&lt;li>Öffnen Sie die Datei index.html im extrahierten Ordner in einem Browser&lt;/li>
&lt;li>Schreiben Sie die index.html um, um Ihr eigenes Präsentationsmaterial zu erstellen&lt;/li>
&lt;/ol>
&lt;p>※ Da der Demo-HTML-Code in demo.html geschrieben ist, können Sie ihn als Referenz verwenden.&lt;/p>
&lt;h1 id="verwendungsmöglichkeiten">Verwendungsmöglichkeiten
&lt;/h1>&lt;p>Die von Ihnen erstellten Präsentationen können als Webseiten veröffentlicht oder als PDFs exportiert werden.
Da die Quelle der Präsentation aus Text besteht, lässt sie sich außerdem problemlos mit einem Versionskontrollsystem verwalten.&lt;/p>
&lt;p>Es scheint auch möglich zu sein, Präsentationsmaterialien im Markdown-Format zu erstellen.&lt;/p>
&lt;h1 id="referenzen">Referenzen
&lt;/h1>&lt;ul>
&lt;li>&lt;a class="link" href="https://qiita.com/Targityen/items/40ae4795e2cb77c1adc6" target="_blank" rel="noopener"
>Lassen Sie uns in Zukunft reveal.js für Präsentationsmaterialien verwenden&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="https://qiita.com/jkjoluvjlajelljicvjzojieoaid/items/01cd7ff819bc2e69b652" target="_blank" rel="noopener"
>Liste der Markdown-Syntax-Beispiele&lt;/a>&lt;/li>
&lt;/ul></description></item><item><title>Verwendung von HTML-Tags in HUGO</title><link>http://kenji.blog/de/p/verwendung-von-html-tags-in-hugo/</link><pubDate>Tue, 17 Jan 2023 19:20:32 +0900</pubDate><guid>http://kenji.blog/de/p/verwendung-von-html-tags-in-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 Verwendung von HTML-Tags in HUGO" />&lt;p>Standardmäßig erlaubt HUGO die Verwendung von HTML-Tags in Artikeln nicht, aber Sie können dies aktivieren, indem Sie die folgende Beschreibung in die config.toml einfügen.&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>Referenz: &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>