Generador de listas

Lista de Descripción- Modelo

Item 1

Description 1

Item 2

Description 2

Item 1

Description 1

Item 2

Description 2

Code HTML

<dl> <dt>Item 1</dt> <dd>Description 1</dd> <dt>Item 2</dt> <dd>Description 2</dd> </dl> <dl> <dt>Item 1</dt> <dd>Description 1</dd> <dt>Item 2</dt> <dd>Description 2</dd> </dl>


Modelo de lista desordenada con círculos

• item 1
• item 2

CODE HTML
<ul style="list-style-type: circle;"> <li>item 1</li> <li>item 2 </li> </ul>
Modelo de lista desordenada con cuadrados

• item 1
• item 2

CODE HTML

<ul style="list-style-type: square;"> <li>item 1</li> <li>item 2</li> </ul>

Modelo de lista desordenada none

• item 1
• item 2

CODE HTML
<ul style="list-style-type:none"> <li>item 1</li> <li>item 2</li> </ul>

Modelo de lista ordenada

1. item 1
2. item 2

CODE HTML
<ol> <li>item 1</li> <li>item 2</li> </ol>


FUENTE.


https://html-css-js.com/html/generator/list/