1.2 HTML Lists Flashcards
What is an HTML list?
A list is typically a combination of words separated by spaces, returns, or commas.
What are the two types of lists most commonly seen online?
Ordered lists Unordered lists
What is an ordered list?
It’s a list where the items are clearly sorted in a sequential order. It usually follows a number or letter system to indicate positioning.

What is an unordered list?
This is a list where bullet points mark the beginning of each item in the list. There isn’t an inherent hierarchical order.

On the web, define 3 scenarios where unordered lists are used?
Shopping Cart Items (UL
To do list (UL)
Facebook Saved Items (UL)

What are 3 practical environments
where ordered lists are used online?
- Cooking Recipe Steps (OL)
- Top 10 Best Practice List (OL)
- Top 5 Best Restaurants (OL)

What HTML syntax is used to start unordered lists?
ul

What HTML syntax is used to create ordered lists?
OL

What HTML syntax do you use to
create an item within a list?

How are list items nested?
List items under their parent tag of UL or OL.
List items are the child tag.

What happens if you place list items without their li tags?
The items appear in a single line of text, rather than stacked and marked based on the type of list (OL, UL).
Can you nest ordered lists and unordered lists together?
Surprisingly, yes!
It looks like a hot mess when done in pure HTML, but in some scenarios it may be appropriate to organize content that way.
What does DL stand for?
Definition Lists

What does a definition list do?
You could use it anywhere you need to distinguish between the keyword and the definition.

What are 3 possible scenarios where a
definition list is relevant to use?
Example:
glossary,
terminology,
dictionary

How do you define a term with a definition list with an HTML tag?
You use the HTML tag dt
dt stands for definition term

What does a dd mean in the context of a definition list?
DD stands for definition description
You are describing the term in the dd section.

What does the HTML tag DT stand for?
Definition Term
The definition term is the word you’re aiming to define in a dictionary, glossary, or terminology context.
