<?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 - SocraTech</title>
	<atom:link href="https://socratech.es/blog/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Cursos y Bootcamps de Programación</description>
	<lastBuildDate>Mon, 01 Jun 2026 15:33:34 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://socratech.es/wp-content/uploads/2022/06/cropped-cropped-favicon-32x32.png</url>
	<title>HTML - SocraTech</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Cómo crear un carrusel infinito con HTML y CSS</title>
		<link>https://socratech.es/blog/como-crear-carrusel-infinito-html-css/</link>
		
		<dc:creator><![CDATA[Carlos Yáñez]]></dc:creator>
		<pubDate>Wed, 04 Jun 2025 06:00:09 +0000</pubDate>
				<category><![CDATA[Píldoras informativas]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://socratech.es/?p=10423</guid>

					<description><![CDATA[<p>A la hora de mostrar imágenes o logos dentro de una página web, existen numerosas opciones. Una de ellas es mediante un carrusel infinito y por ello te enseñamos cómo hacerlo con HTML y CSS. En el siguiente vídeo, nuestro profesor del bootcamp, Sergio Jiménez, explica cómo hacer un carrusel infinito con estas tecnologías. Sigue [&#8230;]</p>
<p>La entrada <a href="https://socratech.es/blog/como-crear-carrusel-infinito-html-css/">Cómo crear un carrusel infinito con HTML y CSS</a> se publicó primero en <a href="https://socratech.es">SocraTech</a>.</p>
]]></description>
		
		
		
			</item>
		<item>
		<title>Cómo crear selects personalizados con HTML y CSS</title>
		<link>https://socratech.es/blog/como-crear-selects-personalizados-html-css/</link>
		
		<dc:creator><![CDATA[Carlos Yáñez]]></dc:creator>
		<pubDate>Wed, 28 May 2025 06:00:50 +0000</pubDate>
				<category><![CDATA[Píldoras informativas]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://socratech.es/?p=10314</guid>

					<description><![CDATA[<p>A todo el mundo le gusta entrar en una página web atractiva y donde el diseño es agradable a la experiencia de usuario. Además, hay detalles que marcan la diferencia a la hora de navegar en una web y una de ellas tiene que ver con esos detalles que hacen que la web sea especial. [&#8230;]</p>
<p>La entrada <a href="https://socratech.es/blog/como-crear-selects-personalizados-html-css/">Cómo crear selects personalizados con HTML y CSS</a> se publicó primero en <a href="https://socratech.es">SocraTech</a>.</p>
]]></description>
		
		
		
			</item>
		<item>
		<title>Slider de imágenes con HTML y CSS</title>
		<link>https://socratech.es/blog/slider-de-imagenes-html-css/</link>
		
		<dc:creator><![CDATA[Carlos Yáñez]]></dc:creator>
		<pubDate>Wed, 12 Mar 2025 12:53:14 +0000</pubDate>
				<category><![CDATA[Píldoras informativas]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://socratech.es/?p=9230</guid>

					<description><![CDATA[<p>Para darle un mayor atractivo a la apariencia de una página web y ofrecer una mejor experiencia de usuario en la navegación, existen funcionalidades que podemos añadir. En este caso, nos enfocamos en cómo hacer un carrusel o slider de imágenes utilizando solo HTML y CSS. Si quieres saber cómo llevarlo a cabo, échale un [&#8230;]</p>
<p>La entrada <a href="https://socratech.es/blog/slider-de-imagenes-html-css/">Slider de imágenes con HTML y CSS</a> se publicó primero en <a href="https://socratech.es">SocraTech</a>.</p>
]]></description>
		
		
		
			</item>
		<item>
		<title>Usa inputmode y enterkeyhint para el teclado de un formulario con HTML</title>
		<link>https://socratech.es/blog/inputmode-enterkeyhint-teclado-formulario-html/</link>
		
		<dc:creator><![CDATA[Carlos Yáñez]]></dc:creator>
		<pubDate>Wed, 05 Feb 2025 07:00:24 +0000</pubDate>
				<category><![CDATA[Píldoras informativas]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://socratech.es/?p=9290</guid>

					<description><![CDATA[<p>Para aumentar la usabilidad de un formulario a la hora de que el usuario utilice un dispositivo móvil, hay distintas formas, pero en esta ocasión vamos a ver cómo lo puedes hacer con los atributos inputmode y enterkeyhint de HTML. En el siguiente vídeo, nuestro profesor del bootcamp, Sergio Jiménez, explica cómo se puede conseguir [&#8230;]</p>
<p>La entrada <a href="https://socratech.es/blog/inputmode-enterkeyhint-teclado-formulario-html/">Usa inputmode y enterkeyhint para el teclado de un formulario con HTML</a> se publicó primero en <a href="https://socratech.es">SocraTech</a>.</p>
]]></description>
		
		
		
			</item>
		<item>
		<title>Favicon dinámico: adaptable a modo claro y modo oscuro</title>
		<link>https://socratech.es/blog/favicon-dinamico-adaptable-modo-claro-modo-oscuro/</link>
		
		<dc:creator><![CDATA[Carlos Yáñez]]></dc:creator>
		<pubDate>Wed, 08 Jan 2025 17:10:47 +0000</pubDate>
				<category><![CDATA[Píldoras informativas]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://socratech.es/?p=9111</guid>

					<description><![CDATA[<p>Si quieres que un favicon dinámico para tu página web que cambie según si se utiliza el modo claro u oscuro del navegador, échale un vistazo al siguiente video de Sergio, nuestro profesor del bootcamp, que te enseñará cómo llevarlo a cabo con HTML. https://youtu.be/ESVfh3AnYdM Como puedes ver en el vídeo, Sergio utiliza el atributo [&#8230;]</p>
<p>La entrada <a href="https://socratech.es/blog/favicon-dinamico-adaptable-modo-claro-modo-oscuro/">Favicon dinámico: adaptable a modo claro y modo oscuro</a> se publicó primero en <a href="https://socratech.es">SocraTech</a>.</p>
]]></description>
		
		
		
			</item>
	</channel>
</rss>
