<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HTML und CSS Archive | Sebastian Würfel</title>
	<atom:link href="https://sebastianwuerfel.com/category/html-und-css/feed/" rel="self" type="application/rss+xml" />
	<link>https://sebastianwuerfel.com/category/html-und-css/</link>
	<description>I ❤ WordPress, Blogging, Reisen, Sport &#38; ☕</description>
	<lastBuildDate>Tue, 21 Jan 2025 15:52:11 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://sebastianwuerfel.com/wp-content/uploads/2017/03/cropped-sebastian-wuerfel-webicon-32x32.jpg</url>
	<title>HTML und CSS Archive | Sebastian Würfel</title>
	<link>https://sebastianwuerfel.com/category/html-und-css/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>YouTube Shorts auf der Website einbetten: So geht&#8217;s</title>
		<link>https://sebastianwuerfel.com/youtube-shorts-einbetten/</link>
					<comments>https://sebastianwuerfel.com/youtube-shorts-einbetten/#comments</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Wed, 25 Sep 2024 11:53:10 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=7465</guid>

					<description><![CDATA[<p>Du möchtest ein YouTube Short auf deiner Website einbetten? Oder mehrere YouTube Shorts? Dann ist dir vielleicht aufgefallen, dass das aktuell noch nicht so einfach möglich ist, wie bei &#8222;normalen&#8220; YouTube Videos. Wie du mit einem kleinen Trick trotzdem YouTube Shorts auf deiner Website einbetten kannst, zeige ich dir in diesem kleinen Mini-Tutorial. Noch anzupassender ... <a title="YouTube Shorts auf der Website einbetten: So geht&#8217;s" class="read-more" href="https://sebastianwuerfel.com/youtube-shorts-einbetten/" aria-label="Mehr Informationen über YouTube Shorts auf der Website einbetten: So geht&#8217;s"> &#124;&#160;Mehr lesen</a></p>
<p>Der Beitrag <a href="https://sebastianwuerfel.com/youtube-shorts-einbetten/">YouTube Shorts auf der Website einbetten: So geht&#8217;s</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/youtube-shorts-einbetten/feed/</wfw:commentRss>
			<slash:comments>10</slash:comments>
		
		
			</item>
		<item>
		<title>Flexbox Eigenschaften und Werte in der Übersicht</title>
		<link>https://sebastianwuerfel.com/flexbox-eigenschaften-werte-uebersicht/</link>
					<comments>https://sebastianwuerfel.com/flexbox-eigenschaften-werte-uebersicht/#respond</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Sat, 26 Jan 2019 12:04:52 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=3085</guid>

					<description><![CDATA[<p>Hier findest du eine kleine Übersicht über die Flexbox-Eigenschaften und Werte. Da ich sie selbst noch nicht komplett verinnerlicht habe und immer wieder einmal nachschauen muss, ist sie auch für mich als Referenz sehr nützlich. Eigenschaft justify-content flex-start &#124; Elemente im Container links ausrichten flex-end &#124; Elemente im Container rechts ausrichten center &#124; Elemente im ... <a title="Flexbox Eigenschaften und Werte in der Übersicht" class="read-more" href="https://sebastianwuerfel.com/flexbox-eigenschaften-werte-uebersicht/" aria-label="Mehr Informationen über Flexbox Eigenschaften und Werte in der Übersicht"> &#124;&#160;Mehr lesen</a></p>
<p>Der Beitrag <a href="https://sebastianwuerfel.com/flexbox-eigenschaften-werte-uebersicht/">Flexbox Eigenschaften und Werte in der Übersicht</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/flexbox-eigenschaften-werte-uebersicht/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Die besten HTML &#038; CSS Ressourcen</title>
		<link>https://sebastianwuerfel.com/die-besten-html-css-ressourcen/</link>
					<comments>https://sebastianwuerfel.com/die-besten-html-css-ressourcen/#respond</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Fri, 25 Jan 2019 07:58:08 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=3041</guid>

					<description><![CDATA[<p>In diesem Beitrag möchte ich die für mich hilfreichsten Ressourcen zum Thema HTML sammeln. Mehr als persönliche Bookmark-Alternative für mich selbst, aber vielleicht findet ja noch jemand anderes Verwendung dafür. Die Liste soll regelmäßig vervollständigt werden. Daher bitte nicht wundern, wenn sie jetzt am Anfang noch etwas sehr spärlich ausfallen sollte. Vielleicht ergibt sich irgendwann ... <a title="Die besten HTML &#038; CSS Ressourcen" class="read-more" href="https://sebastianwuerfel.com/die-besten-html-css-ressourcen/" aria-label="Mehr Informationen über Die besten HTML &#038; CSS Ressourcen"> &#124;&#160;Mehr lesen</a></p>
<p>Der Beitrag <a href="https://sebastianwuerfel.com/die-besten-html-css-ressourcen/">Die besten HTML &#038; CSS Ressourcen</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/die-besten-html-css-ressourcen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Einfacher Button mit CSS</title>
		<link>https://sebastianwuerfel.com/einfacher-button-mit-css/</link>
					<comments>https://sebastianwuerfel.com/einfacher-button-mit-css/#respond</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Mon, 21 Jan 2019 16:00:06 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=3062</guid>

					<description><![CDATA[<p>Manchmal reicht ein einfacher Button ohne fancy Effekte. Wie so ein minimalistischer Button mit CSS aussehen kann, dafür findest du hier ein einfaches Beispiel. Natürlich kannst du die Farbe unter der Property &#8222;color&#8220; anpassen und statt dem schlichten Grau auch ein Grün oder Blau als Farbton auswählen. Die &#8222;opacity&#8220;-Property mit dem Wert &#8222;0.75&#8220; sorgt dafür, ... <a title="Einfacher Button mit CSS" class="read-more" href="https://sebastianwuerfel.com/einfacher-button-mit-css/" aria-label="Mehr Informationen über Einfacher Button mit CSS"> &#124;&#160;Mehr lesen</a></p>
<p>Der Beitrag <a href="https://sebastianwuerfel.com/einfacher-button-mit-css/">Einfacher Button mit CSS</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/einfacher-button-mit-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Automatische Einrückung / Auto Indent in Atom als Shortcut hinzufügen (Mac)</title>
		<link>https://sebastianwuerfel.com/automatische-einrueckung-auto-indent-in-atom-shortcut/</link>
					<comments>https://sebastianwuerfel.com/automatische-einrueckung-auto-indent-in-atom-shortcut/#respond</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Thu, 17 Jan 2019 09:31:00 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=3046</guid>

					<description><![CDATA[<p>Im Atom-Editor ist es möglich, markierte Zeilen automatisch einzurücken. Da ich dieses Feature &#8211; Auto Indent in Atom &#8211; sehr praktisch finde und häufig einsetze, war ich auf der Suche, wie man diese Funktion auch als Shortcut auf dem Mac einsetzen kann. Wie funktioniert es ohne Shortcut? Ohne Shortcut findest du das Feature unter &#62;Edit ... <a title="Automatische Einrückung / Auto Indent in Atom als Shortcut hinzufügen (Mac)" class="read-more" href="https://sebastianwuerfel.com/automatische-einrueckung-auto-indent-in-atom-shortcut/" aria-label="Mehr Informationen über Automatische Einrückung / Auto Indent in Atom als Shortcut hinzufügen (Mac)"> &#124;&#160;Mehr lesen</a></p>
<p>Der Beitrag <a href="https://sebastianwuerfel.com/automatische-einrueckung-auto-indent-in-atom-shortcut/">Automatische Einrückung / Auto Indent in Atom als Shortcut hinzufügen (Mac)</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/automatische-einrueckung-auto-indent-in-atom-shortcut/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Was bedeutet link type=&#8220;image/x-icon&#8220;?</title>
		<link>https://sebastianwuerfel.com/was-bedeutet-link-type-image-x-icon/</link>
					<comments>https://sebastianwuerfel.com/was-bedeutet-link-type-image-x-icon/#respond</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Sun, 13 Jan 2019 10:40:35 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=3027</guid>

					<description><![CDATA[<p>Das Type-Attribut definiert den verlinkten Medien-/Inhaltstyp genauer. In diesem Zusammenhang wird von dem verwendeten MIME-Typ gesprochen. Bei MIME handelt es sich um einen Standard bei der HTTP-Übertragung, um den Browser mitzuteilen, welche Art Daten der Webserver sendet. MIME ist eine Abkürzung und steht für &#8222;Multipurpose Internet Mail Extensions.&#8220; Weitere Bezeichnungen für MIME sind Internet Media ... <a title="Was bedeutet link type=&#8220;image/x-icon&#8220;?" class="read-more" href="https://sebastianwuerfel.com/was-bedeutet-link-type-image-x-icon/" aria-label="Mehr Informationen über Was bedeutet link type=&#8220;image/x-icon&#8220;?"> &#124;&#160;Mehr lesen</a></p>
<p>Der Beitrag <a href="https://sebastianwuerfel.com/was-bedeutet-link-type-image-x-icon/">Was bedeutet link type=&#8220;image/x-icon&#8220;?</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/was-bedeutet-link-type-image-x-icon/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSS Zertifikat (Sololearn 2018)</title>
		<link>https://sebastianwuerfel.com/css-zertifikat-sololearn-2018/</link>
					<comments>https://sebastianwuerfel.com/css-zertifikat-sololearn-2018/#respond</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Mon, 09 Apr 2018 06:01:25 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<category><![CDATA[Weiterbildung]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=3260</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://sebastianwuerfel.com/css-zertifikat-sololearn-2018/">CSS Zertifikat (Sololearn 2018)</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/css-zertifikat-sololearn-2018/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>HTML Zertifikat (Sololearn 2018)</title>
		<link>https://sebastianwuerfel.com/html-zertifikat-sololearn-2018/</link>
					<comments>https://sebastianwuerfel.com/html-zertifikat-sololearn-2018/#respond</comments>
		
		<dc:creator><![CDATA[Sebastian]]></dc:creator>
		<pubDate>Tue, 20 Mar 2018 06:57:55 +0000</pubDate>
				<category><![CDATA[Alle Artikel]]></category>
		<category><![CDATA[HTML und CSS]]></category>
		<category><![CDATA[Weiterbildung]]></category>
		<guid isPermaLink="false">https://sebastianwuerfel.com/?p=3255</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://sebastianwuerfel.com/html-zertifikat-sololearn-2018/">HTML Zertifikat (Sololearn 2018)</a> erschien zuerst auf <a href="https://sebastianwuerfel.com">Sebastian Würfel</a>.</p>
]]></description>
		
					<wfw:commentRss>https://sebastianwuerfel.com/html-zertifikat-sololearn-2018/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
