Creating Definition Lists in HTML

There's a third, less popular option for HTML lists.  It's called a Definition List.  This kind of list has a heading or title of a term, and then it's definition.  The appropriate spacing is built in by the code to make it presentable.

Each list has a dl tag to start the type of list.  To set a term, use a dt list, and then a dd tag to start a definition.  Remember to close your tags with a /dl, /dt, or /dd tag.

Confused?  It's a little more complicated than other HTML lists, but its really easy to understand.  Here's an example of the code in action:

And this is how it renders when you see it in a browser:

If you liked this article, then please subscribe to our YouTube Channel for our Blogger and WordPress video tutorials. You can also find us on Facebook, and Twitter