HTML – TecnicoTeleco https://tecnicoteleco.com Mi blog de Telecomunicaciones Sun, 04 May 2025 00:10:46 +0000 es hourly 1 https://wordpress.org/?v=5.8.12 https://tecnicoteleco.com/wp-content/uploads/2019/05/cropped-Logo-2-32x32.png HTML – TecnicoTeleco https://tecnicoteleco.com 32 32 176905851 HTML etiquetas ol ul y li https://tecnicoteleco.com/html-etiquetas-ol-ul-y-li/ https://tecnicoteleco.com/html-etiquetas-ol-ul-y-li/#respond Sat, 03 May 2025 15:20:52 +0000 https://tecnicoteleco.com/?p=1738 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

  1. Listas ordenadas (<ol>) → Se presentan en un orden lógico, generalmente numerado.
  2. Listas desordenadas (<ul>) → No tienen un orden específico y generalmente se muestran con viñetas.
  3. Elementos de lista (<li>) → Son los ítems dentro de una lista.
Etiquetas ol, ul y li en HTML

Ejemplo de código

<h2>Ejemplo de listas en HTML</h2>

<h3>Lista ordenada</h3>
<ol>
    <li>Primer elemento</li>
    <li>Segundo elemento</li>
    <li>Tercer elemento</li>
</ol>

<h3>Lista desordenada</h3>
<ul>
    <li>Elemento A</li>
    <li>Elemento B</li>
    <li>Elemento C</li>
</ul>

¿Cuándo usar cada tipo de lista?

✅ Usa <ol> cuando el orden sea importante (como instrucciones paso a paso). ✅ Usa <ul> cuando el orden no sea relevante (como características de un producto). ✅ Siempre usa <li> para cada elemento dentro de la lista.

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.

    Puedes ver más sobre el HTML en https://www.w3schools.com/html/ y específicamente sobre las listas en https://www.w3schools.com/html/html_lists.asp

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

    https://www.youtube.com/@RodaProgramacion/featured

    Las listas son una excelente manera de organizar información de manera estructurada

    Ver otras entradas de programación
    ]]>     https://tecnicoteleco.com/html-etiquetas-ol-ul-y-li/feed/ 0 1738     ¿ Como escribir en HTML?. Explicación sencilla https://tecnicoteleco.com/como-escribir-en-html-explicacion-sencilla/ https://tecnicoteleco.com/como-escribir-en-html-explicacion-sencilla/#respond Sat, 03 May 2025 14:16:37 +0000 https://tecnicoteleco.com/?p=1720 ‬ ¿Cómo escribir Hola Mundo en HTML?. En este video lo explico de manera muy sencilla y resumida.

    He continuado ampliando mi formación y, tras pasar por sistemas microinformáticos y redes he finalizado el ciclo de grado superior de desarrollo de aplicaciones web asi que me he decidido a abrir un canal de youtube con tutoriales sobre programación. En este video explico de manera muy sencilla y resumida como escribir Hola Mundo en HTML.

    Aquí te dejo el código

    <!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mis cursos de programación</title>
</head>
<body>
    <h1>Mis cursos de programación</h1>
    <h2>Nuestros cursos</h2>
    <h3>Comenzando con HTML</h3>
    <p>Curso para iniciarse en el HTML</p>
    <h3>HTML intermedio</h3>
    <p>Curso intermedio en HTML</p>
    <h3>HTML avanzado</h3>
    <p>Curso avanzado en HTML</p>
    <h4>Texto en h4</h4>
    <h5>Texto en h5</h5>
    <h6>Texto en h6</h6>
    <footer>
        <p>Aquí va el pie de página: Mis cursos de programación</p>
    </footer>
</body>
</html>


    Haz clic aquí para ver más entradas de programación

    ]]>     https://tecnicoteleco.com/como-escribir-en-html-explicacion-sencilla/feed/ 0 1720