Listas ordenadas (<ol>) y no ordenadas (<ul>)

Las listas se utilizan para enumerar elementos. Las listas ordenadas se crean con la etiqueta <ol> y las listas no ordenadas con la etiqueta <ul>. Cada elemento se define con la etiqueta <li>:

        <ol>
          <li>Elemento 1</li>
          <li>Elemento 2</li>
          <li>Elemento 3</li>
        </ol>

        <ul>
          <li>>Item A</li>
          <li>Item B</li>
          <li>Item C</li>
        </ul>
      

Elementos de lista (<li>)

La etiqueta <li> se utiliza para definir cada elemento en una lista ordenada o no ordenada. Puede contener cualquier contenido, como texto o incluso otras etiquetas HTML:

        <ul>
          <li>Manzanas</li>
          <li>Plátanos</li>
          <li>Naranjas</li>
        </ul>

        <ol>
          <li>Primer paso: Preparación</li>
          <li>Segundo paso: Cocinar</li>
          <li>Tercer paso: Servir</li>
        </ol>
      

Enlaces (<a>) y atributos href

Los enlaces se utilizan para conectar páginas web o recursos. La etiqueta <a> crea un enlace y el atributo href especifica la dirección a la que debe dirigirse:

        <a href="https://www.ejemplo.com">Sitio de Ejemplo</a>
        <a href="pagina.html">Enlace a otra página</a>
      

Abrir enlaces en una nueva ventana (target="_blank")

Para abrir un enlace en una nueva ventana del navegador, utiliza el atributo target con el valor "_blank":

        <a href="https://www.ejemplo.com" target="_blank">Abrir enlace en nueva ventana</a>