Challenge: Structuring Content with Lists
Task
Create an HTML document that presents your favorite movies using both unordered and ordered lists.
index.html
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<title>Favorite Movies</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- Step 1: Create an unordered list -->
<h2>Favorite Action Movies</h2>
<_____>
<_____>[Movie 1]</_____>
<li>[Movie 2]</li>
<_____>[Movie 3]</_____>
</_____>
<!-- Step 2: Create an ordered list -->
<h2>Top 3 Comedy Movies</h2>
<_____>
<_____>[Movie 1]</_____>
<li>[Movie 2]</li>
<li>[Movie 3]</li>
</_____>
</body>
</html>
Hint
Step 1: Use
<ul>
tag to create an unordered list of favorite action movies. Add<li>
tags for each movie.Step 2: Use
<ol>
tag to create an ordered list of top comedy movies. Add<li>
tags for each movie.
index.html
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<title>Favorite Movies</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- Step 1: Create an unordered list -->
<h2>Favorite Action Movies</h2>
<ul>
<li>Mad Max: Fury Road</li>
<li>The Matrix</li>
<li>The Dark Knight</li>
</ul>
<!-- Step 2: Create an ordered list -->
<h2>Top 3 Comedy Movies</h2>
<ol>
<li>Groundhog Day</li>
<li>Superbad</li>
<li>The Grand Budapest Hotel</li>
</ol>
</body>
</html>
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 8
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal