What is the difference between dl, dd, dt and ul li?

css, html

Solution

UL: Unordered list, created with the UL element.

OL An ordered list, created using the OL element, should contain information where order should be emphasized, as in a recipe

DL Definition lists, created using the DL element, generally consist of a series of term/definition pairs (although definition lists may have other applications). Another application of DL, for example, is for marking up dialogues, with each DT naming a speaker, and each DD containing his or her words.

Definition lists - DT for term, DD for its definition

Definition lists vary only slightly from other types of lists in that list items consist of two parts: `a term` and `a description`. The term is given by the `DT` element and is restricted to `inline` content. The `description` is given with a `DD` element that contains `block-level` content.

Source

Problem

What is the difference and in which situations should each one be used?

Original source