Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Creating and Using Lists in HTML | Section
HTML Basics for Absolute Beginners (Sliced) - 1768407373666

bookCreating and Using Lists in HTML

Lists are used to organize and present information in a structured format. There are two main types of lists: unordered lists (<ul>) and ordered lists (<ol>).

Unordered lists

Unordered lists present items in a bulleted format. Each item in the list is defined using the <li> (list item) tag. Unordered lists are typically used when the order of items is not significant.

index.html

index.html

copy

The unordered list (<ul>) displays items with bullet points.

Ordered lists

Ordered lists display items in a numbered sequence. Each item in the list is defined using the <li> (list item) tag. Ordered lists are used when the order of items is important and needs to be emphasized.

index.html

index.html

copy

The list is ordered (<ol>), displaying items with numbers.

Nested lists

Lists can also be nested within each other to create hierarchical structures. This means that a list item (<li>) within one list (<ul> or <ol>) can itself contain another list. This is useful for organizing complex information into multiple levels of hierarchy.

index.html

index.html

copy
  • The second list item ("Main item 2") contains a nested unordered list (<ul>), creating a hierarchical structure;
  • Each nested list (<ul>) is indented to indicate its hierarchical level visually.

1. What tag is used to create unordered lists?

2. When would you use an ordered list instead of an unordered list?

3. What tag is missing in the blanks (___)?

question mark

What tag is used to create unordered lists?

Select the correct answer

question mark

When would you use an ordered list instead of an unordered list?

Select the correct answer

question mark

What tag is missing in the blanks (___)?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 15

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

bookCreating and Using Lists in HTML

Glissez pour afficher le menu

Lists are used to organize and present information in a structured format. There are two main types of lists: unordered lists (<ul>) and ordered lists (<ol>).

Unordered lists

Unordered lists present items in a bulleted format. Each item in the list is defined using the <li> (list item) tag. Unordered lists are typically used when the order of items is not significant.

index.html

index.html

copy

The unordered list (<ul>) displays items with bullet points.

Ordered lists

Ordered lists display items in a numbered sequence. Each item in the list is defined using the <li> (list item) tag. Ordered lists are used when the order of items is important and needs to be emphasized.

index.html

index.html

copy

The list is ordered (<ol>), displaying items with numbers.

Nested lists

Lists can also be nested within each other to create hierarchical structures. This means that a list item (<li>) within one list (<ul> or <ol>) can itself contain another list. This is useful for organizing complex information into multiple levels of hierarchy.

index.html

index.html

copy
  • The second list item ("Main item 2") contains a nested unordered list (<ul>), creating a hierarchical structure;
  • Each nested list (<ul>) is indented to indicate its hierarchical level visually.

1. What tag is used to create unordered lists?

2. When would you use an ordered list instead of an unordered list?

3. What tag is missing in the blanks (___)?

question mark

What tag is used to create unordered lists?

Select the correct answer

question mark

When would you use an ordered list instead of an unordered list?

Select the correct answer

question mark

What tag is missing in the blanks (___)?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 15
some-alt