fbpx

HTML ul

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on linkedin
LinkedIn
Share on email
Email

El HTML ul es un elemento para listas no ordenadas que se usa en el lenguaje de desarrollo web. Su nombre obedece a que en el inglés ul significa unordered list.

Descripción de HTML ul

La descripción del HTML ul es:

  • Es un signo de grupo que obligatoriamente empieza con <ul> y termina con </ul>.
  • Lo usas a través de cajas y bloques.
  • Está conformado por uno y más componentes.
  • Dentro del bloque ul, los textos están comprendidos entre <li> y </li>.

La configuración ul se utiliza para exponer listas no ordenadas y sus características descriptivas te ayudarán a aplicar el formato de manera correcta desde el principio.

Ejemplo de uso

Un ejemplo de uso de lenguaje de programación con la etiqueta HTML ul es la necesaria para publicar un mapa de sitio de una página web corporativa:

<html>
  <head>
    <title>Mi Página Web Corporativa</title>
  </head>
  <body>
    <h1>Mapa de sitio:</h1>
    <ul>
      <li>Inicio</li>
      <li>Nosotros</li>
      <li>Productos</li>
    </ul>
  </body>
</html>

En el ejemplo de uso, se puede apreciar con exactitud la lista no ordenada y la aplicación del código ul en el desarrollo de Mi Pagina Web Corporativa.

Atributos de HTML ul

La etiqueta ul tiene atributos genéricos y de transición. A continuación, te los detallamos:

  • Atributos genéricos: Aplicables a los textos y son title, id, classstyle, lang, dir y eventos.
  • Atributos de transición: Sirve para explicar cambios en la lista y son Type y compact.

Todos los atributos del lenguaje de listas no ordenadas (ul), por defecto, están determinadas por el navegador.

En conclusión, cuando usas HTML ul, el texto se publica con las viñetas de puntos grandes que todos nosotros conocemos, pero no indica un orden, únicamente publica la relación entre los textos listados y que estos están uno tras de otro.

Comparte este artículo:

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on linkedin
LinkedIn
Share on email
Email

Revisa estas publicaciones

HTML li

En los documentos web puedes crear listas para organizar contenidos. Estas pueden llevar una secuencia alfanumérica o no tener un orden específico. En cualquiera de estos

VER PUBLICACIÓN COMPLETA

HTML hr

Descripción La etiqueta HTML hr (<hr>) define un corte temático en una página HTML (es decir un cambio de tema). El elemento <hr> se muestra más frecuentemente

VER PUBLICACIÓN COMPLETA

HTML ol

Una de las herramientas que consideramos más útiles al organizar un texto en la web es la etiqueta HTML <ol>. Descripción La etiqueta HTML <ol> es un

VER PUBLICACIÓN COMPLETA

HTML b

La etiqueta HTML b se usa para marcar la negrita, lo que quiere decir que es el Hyper Text Markup Language (lenguaje de marcas de hipertexto) que utilizamos para

VER PUBLICACIÓN COMPLETA