定義リストというのは、「言葉」とその「説明」が一覧になったリストを作成したいときに活用できるタグです。例えばこんな感じで使います。

ボタンで表示を切り替えてご覧ください。

上記の言葉はウィキペディアから引用させていただきました。
ソースコードは次のようになっています。

こんな風に言葉とその説明を一覧にしたいときも使えますし、年表みたいなものをつくってもいいですね。今までテーブルやulタグなどで作っていたという方は、これからは定義リストも活用してみましょう。

dl要素はtableとul要素の間の子みたいな存在です。下記のようにデザインを入れることでいろんな表現ができそうです。

定義リストの作り方

では、定義リストの仕組みについて見ていきましょう。

リスト要素には他にもul要素やol要素がありますが、これらと同じようにリスト全体をラップする要素があります。それが<dl>です。リスト系のタグはみな、リスト（list）の頭文字「l」が付きまして、dlの「d」は英語で定義（definition）の頭文字「d」になっています。

このdl要素の中に最初にdt要素が入ります。dtは「Definition Term」つまり、「定義する用語」という意味から来ています。

用語を入れたら、次にその説明（Definition Description）が入りますので、英語の頭文字をとったdd要素を入れます。

後は、dt要素とdd要素を繰り返し入れていき、最後にdlの終了タグでくくって１つの定義リストにします。
tableを作成するときと同じようにいろんなタグを使うので少しややこしいですが、意味と一緒に理解すれば覚えやすいと思いますので活用してみてください。