Teste suas habilidades: Noções básicas de texto HTML

O objetivo deste teste de habilidades é avaliar se você entendeu nosso artigo Fundamentos do texto em HTML.

Nota: Você pode testar suas soluções nos editores interativos abaixo, entretanto pode ser de ajuda fazer download do código e usar uma ferramenta online como CodePen, jsFiddle, ou Glitch para trabalhar nas tarefas.

Se você ficar travado em alguma tarefa, peça-nos ajuda — veja a seçãoAssessment or further help no final desta página.

Texto básico em HTML 1

Nesta tarefa queremos que você faça a marcação do HTML fornecido, utilizando a semântica de título e parágrafo. Tente editar a amostra, ao vivo, para alterar o exemplo final:

Nota: Faça download do ponto de partida desta tarefa para trabalhar em seu próprio editor ou em um editor online.

Texto básico em HTML 2

Nesta tarefa queremos que você transforme a primeira lista sem marcação em uma lista não ordenada e a segunda em uma lista ordenada.

Tente editar a amostra, ao vivo, para alterar o exemplo final:

Nota: Faça download do ponto de partida desta tarefa para trabalhar em seu próprio editor ou em um editor online.

Texto básico em HTML 3

Nesta tarefa um parágrafo é fornecido e o seu objetivo é usar elementos de ênfase para fazer a marcação apropriada de algumas palavras com forte importância e com ênfase.

Tente editar a amostra, ao vivo, para alterar o exemplo final:

Nota: Faça download do ponto de partida desta tarefa para trabalhar em seu próprio editor ou em um editor online.

Avaliação ou ajuda adicional

Você pode praticar os exemplos nos Editores Interativos acima.

Se você gostaria de ter seu trabalho avaliado ou está travado e quer pedir ajuda:

  1. Coloque seu trabalho em um editor online compartilhável como CodePen, jsFiddle ou Glitch. Você pode escrever o código por si só ou usar os arquivos linkados nas seções acima.
  2. Escreva um post pedindo por avaliação e/ou ajuda no Fórum de discussão do MDN na categoria Learning. Seu post deve incluir:
    • Um título descritivo como "Avaliação desejada para o teste de habilidade Texto básico em HTML 1"
    • Detalhes sobre o que você já tentou e o que você gostaria que fizéssemos, p. ex. se você está travado e precisa de ajuda ou se deseja uma avaliação.
    • Um link para o exemplo que você deseja ser avaliado ou ajudado em um editor online compartilhável (como mencionado no passo 1 acima). Essa é uma boa prática para se adquirir - é muito difícil ajudar alguém com um problema no código, se você não consegue ver o código.
    • Um link para a tarefa atual ou página de avaliação, assim poderemos achar a questão na qual você quer ajuda.