Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Listas | Fundamentos de HTML
Essenciais de HTML

book
Desafio: Listas

Tarefa

Crie um documento HTML que apresente seus filmes favoritos usando listas ordenadas e não ordenadas.

html

index.html

copy
<!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.

html

index.html

copy
<!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?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 8

Pergunte à IA

expand
ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

some-alt