Aprenda HTML criando um aplicativo de fotos de gatos - Passo 24 boa noite pessoal travei nesta parte da enfase , a tag de enfase eh a em ? nao percebo o erro

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.
Boa noite devs estou sofrendo um pouco para finalizar esta etapa:
Enfatize a palavra no elemento encapsulando-o em um elemento .love figcaption `em
abro e feicho a tag “em” e nao anda.

  **Seu código até o momento**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
    </section>
    <section>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
      <ul>
        <li>cat nip</li>
        <li>laser pointers</li>
        <li>lasagna</li>
      </ul>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
        <figcaption>Cats love lasagna.</figcaption>
      </figure>
    </section>
  </main>
</body>
</html>

  **Informações de seu navegador:**

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.27

Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 24

Link para o desafio:

2

Olá. @mamediodevelopment! Boas-vindas ao freeCodeCamp. Parece que o que está faltando nesse passo é justamente a tag <em> em volta da palavra love. Usando-a, o teste passará. Bons estudos! :slight_smile:

1 Like
3

bom dia Daniel, desde ja obrigado a atencao,
eu rodiei o love com a tag e continua a nao passar.

fiz love .

nao entendo o problema,

4

Oi, @mamediodevelopment! Sem problemas. Pode mostrar o código novamente?

5 
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
      <figcaption>Cats<em> .love </em> lasagna.</figcaption>
    </figure>
  </section>
</main>

esta assim agora , e continua a dar erro.

6

ja tentei o “em” por fora do figcaption tb nao passou, informa: O elemento de ênfase deve estar ao redor do texto. Você omitiu o texto ou tem um erro de digitação.em love

7

O problema está aqui. Remova o ponto antes de love e o espaço antes e depois da palavra. Coloque um espaço antes da tag inicial de <em>. Teste novamente e retorne para nós se deu certo. Bons estudos. :slight_smile:

1 Like
8

Ola Daniel boa noite amigo , desculpa o atraso , fiquei sem net atrasei nos estudos.

muitissimo obg sim , resolveu o problema era msm isso vc e fera.

9 
    <section>
    <h3>Top 3 things cats hate:</h3>   
    <ol>flea treatment</ol>
     <ol>thunder</ol>
     <ol>others cats</ol> 
     </section>

help me please :,(

10

Passo 26

O código de uma lista ordenada é semelhante a uma lista não ordenada, mas a lista de itens em uma lista ordenada é numerada quando são exibidos.ol

Após o último elemento do segundo elemento, adicione uma lista ordenada com esses três itens de lista:h3 section

flea treatment thunder other cats

11

Beleza, @mamediodevelopment! Fico feliz de ter ajudado na anterior.
Vamos lá:
ol e ul são elementos de lista, sendo o primeiro para uma lista ordenada e o segundo para uma lista não ordenada. Ambas as listas, no entanto, precisam de itens. O elemento li é o responsável por inserir esses itens. Vou dar o exemplo com uma lista ordenada.

<ol>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
</ol>

Na página, o que você verá é:

  1. Item 1
  2. Item 2
  3. Item 3

Faça seus testes usando essa lógica. Bons estudos! :smiley:

12

boa noite grande dev :fist_right: :fist_left:

deu certissimo , pensei que o ol tb era um elemento de insercao,
mano tou passando facil em algumas fazes mais de repente eu travo :sleepy: