Desafio: Listas
Tarefa
Crie um documento HTML que apresente seus filmes favoritos usando listas ordenadas e não ordenadas.
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>
Dica
Passo 1: Use a tag
<ul>
para criar uma lista não ordenada de filmes de ação favoritos. Adicione tags<li>
para cada filme.Passo 2: Use a tag
<ol>
para criar uma lista ordenada dos melhores filmes de comédia. Adicione tags<li>
para cada filme.
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>
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 8
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo