<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>HTML &#8211; TecnicoTeleco</title>
	<atom:link href="https://tecnicoteleco.com/category/informatica/software/programacion/html/feed/" rel="self" type="application/rss+xml" />
	<link>https://tecnicoteleco.com</link>
	<description>Mi blog de Telecomunicaciones</description>
	<lastBuildDate>Sat, 03 May 2025 15:46:49 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.12</generator>

<image>
	<url>https://tecnicoteleco.com/wp-content/uploads/2019/05/cropped-Logo-2-32x32.png</url>
	<title>HTML &#8211; TecnicoTeleco</title>
	<link>https://tecnicoteleco.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">176905851</site>	<item>
		<title>HTML etiquetas ol ul y li</title>
		<link>https://tecnicoteleco.com/html-etiquetas-ol-ul-y-li/</link>
					<comments>https://tecnicoteleco.com/html-etiquetas-ol-ul-y-li/#respond</comments>
		
		<dc:creator><![CDATA[TecnicoTeleco]]></dc:creator>
		<pubDate>Sat, 03 May 2025 15:20:52 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Programacion]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[HTML5]]></category>
		<guid isPermaLink="false">https://tecnicoteleco.com/?p=1738</guid>

					<description><![CDATA[En este tutorial te muestro las etiquetas ol ul y li para hacer listas en HTML Aquí te dejo un pequeño resumen de lo que hace cada etiqueta Listas ordenadas (&#60;ol&#62;) → Se presentan en un orden lógico, generalmente numerado. Listas desordenadas (&#60;ul&#62;) → No tienen un orden específico y generalmente se muestran con viñetas. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2>En este tutorial te muestro las etiquetas ol ul y li para hacer listas en HTML</h2>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="HTML etiquetas ol ul y li" width="900" height="506" src="https://www.youtube.com/embed/IPMhPGbtpm4?start=569&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>Aquí te dejo un pequeño resumen de lo que hace cada etiqueta</p>



<ol><li><strong>Listas ordenadas (</strong><code>&lt;ol&gt;</code><strong>)</strong> → Se presentan en un orden lógico, generalmente numerado.</li><li><strong>Listas desordenadas (</strong><code>&lt;ul&gt;</code><strong>)</strong> → No tienen un orden específico y generalmente se muestran con viñetas.</li><li><strong>Elementos de lista (</strong><code>&lt;li&gt;</code><strong>)</strong> → Son los ítems dentro de una lista.</li></ol>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" src="https://tecnicoteleco.com/wp-content/uploads/2025/05/etiquetas-li-ul-ol-en-HTML.jpg" alt="" class="wp-image-1739" width="826" height="476" srcset="https://tecnicoteleco.com/wp-content/uploads/2025/05/etiquetas-li-ul-ol-en-HTML.jpg 712w, https://tecnicoteleco.com/wp-content/uploads/2025/05/etiquetas-li-ul-ol-en-HTML-300x173.jpg 300w, https://tecnicoteleco.com/wp-content/uploads/2025/05/etiquetas-li-ul-ol-en-HTML-370x213.jpg 370w, https://tecnicoteleco.com/wp-content/uploads/2025/05/etiquetas-li-ul-ol-en-HTML-600x346.jpg 600w" sizes="(max-width: 826px) 100vw, 826px" /><figcaption>Etiquetas ol, ul y li en HTML</figcaption></figure>



<p>Ejemplo de código</p>



<pre class="wp-block-code"><code>&lt;h2&gt;Ejemplo de listas en HTML&lt;/h2&gt;

&lt;h3&gt;Lista ordenada&lt;/h3&gt;
&lt;ol&gt;
    &lt;li&gt;Primer elemento&lt;/li&gt;
    &lt;li&gt;Segundo elemento&lt;/li&gt;
    &lt;li&gt;Tercer elemento&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;Lista desordenada&lt;/h3&gt;
&lt;ul&gt;
    &lt;li&gt;Elemento A&lt;/li&gt;
    &lt;li&gt;Elemento B&lt;/li&gt;
    &lt;li&gt;Elemento C&lt;/li&gt;
&lt;/ul&gt;</code></pre>


<ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a href="https://tecnicoteleco.com/juniorjobs/">Junior Jobs. Un canal de Whatsapp para desarrolladores junior</a></li>
<li><a href="https://tecnicoteleco.com/7-alternativas-en-caso-de-apagon/">7 Alternativas en caso de apagón</a></li>
<li><a href="https://tecnicoteleco.com/java-datos-por-pantalla/">JAVA #1 Introducir datos y mostrar datos por pantalla.</a></li>
<li><a href="https://tecnicoteleco.com/visual-studio-code/">Trucos visual studio 1</a></li>
<li><a href="https://tecnicoteleco.com/lenguaje-cobol-como-escribir-hola-mundo/">5 COBOL. Como escribir Hola Mundo.</a></li>
</ul>


<h3><strong>¿Cuándo usar cada tipo de lista?</strong></h3>



<p><img src="https://s.w.org/images/core/emoji/13.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Usa </strong><code>&lt;ol&gt;</code><strong> cuando el orden sea importante</strong> (como instrucciones paso a paso). <img src="https://s.w.org/images/core/emoji/13.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Usa </strong><code>&lt;ul&gt;</code><strong> cuando el orden no sea relevante</strong> (como características de un producto). <img src="https://s.w.org/images/core/emoji/13.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Siempre usa </strong><code>&lt;li&gt;</code><strong> para cada elemento dentro de la lista</strong>.</p>



<p>Las listas en HTML son herramientas fundamentales para organizar contenido. Ya sea una lista de instrucciones, categorías o elementos relacionados, estas etiquetas te ayudan a estructurar la información de manera clara y accesible.</p>



<ul class="wp-container-696e746865246 wp-block-social-links"></ul>



<p>Puedes ver más sobre el HTML en <a href="https://www.w3schools.com/html/html_computercode_elements.asp" target="_blank" rel="noreferrer noopener">https://www.w3schools.com/html/</a> y específicamente sobre las listas en <a href="https://www.w3schools.com/html/html_lists.asp" target="_blank" rel="noreferrer noopener">https://www.w3schools.com/html/html_lists.asp</a></p>



<p>Sigueme en mi canal de Youtube y dale a me gusta o subscribeté que me ayuda a seguir realizando más videos.</p>



<p><a href="https://www.youtube.com/@RodaProgramacion/featured" target="_blank" rel="noopener">https://www.youtube.com/@RodaProgramacion/featured</a></p>



<p>Las listas son una excelente manera de organizar información de manera estructurada</p>



<div class="wp-block-buttons">
<div class="wp-block-button"><a class="wp-block-button__link" href="" target="_blank" rel="noreferrer noopener">Ver otras entradas de programación</a></div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://tecnicoteleco.com/html-etiquetas-ol-ul-y-li/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1738</post-id>	</item>
	</channel>
</rss>
