3
respostas

Mais duvidas 7

Ao pratica html quando eu usei

eu notei que todas as tr ficavam um ao lado da outra na mesma linha mas eu quero uma de baixo da outra em linha diferentes. mas eu não sei como fazer isto?


<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta chaeset="UTF">
  </head>
  <body>
    <h1>Tamanho dos membros do corpo humano</h1>
    <tr>
     <tr>Braço direito 50 cm</tr>;
     <tr>Braço esquerdo 50 cm</tr>;
     <tr>Perna direita 80 cm</tr>;
     <tr>Perna esquerda 80 cm</tr>;
    </tr>
  </body> 
    
</html>

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
3 respostas

Ao pratica html quando eu usei

eu notei que todas as tr ficavam um ao lado da outra na mesma linha mas eu quero uma de baixo da outra em linha diferentes. mas eu não sei como fazer isto?

Tamanho dos membros do corpo humano

Braço direito 50 cm;
Braço esquerdo 50 cm;
Perna direita 80 cm;
Perna esquerda 80 cm;

Ao pratica html quando eu usei
eu notei que todas as tr ficavam um ao lado da outra na mesma linha mas eu quero uma de baixo da outra em linha diferentes. mas eu não sei como fazer isto?

Tamanho dos membros do corpo humano
Braço direito 50 cm;
Braço esquerdo 50 cm;
Perna direita 80 cm;
Perna esquerda 80 cm;

Oi, Jorge! Como vai?

O problema pode estar nesse ponto: você usou <tr> diretamente sem uma tabela (<table>). A tag <tr> só funciona dentro de uma tabela, e cada linha deve conter células com <td>.

Veja este exemplo:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Tabela exemplo</title>
  </head>
  <body>
    <h1>Tamanho dos membros do corpo humano</h1>
    <table border="1">
      <tr>
        <td>Braco direito</td>
        <td>50 cm</td>
      </tr>
      <tr>
        <td>Braco esquerdo</td>
        <td>50 cm</td>
      </tr>
      <tr>
        <td>Perna direita</td>
        <td>80 cm</td>
      </tr>
      <tr>
        <td>Perna esquerda</td>
        <td>80 cm</td>
      </tr>
    </table>
  </body>
</html>

Esse código cria uma tabela onde cada membro aparece em uma linha diferente.

Dica: se quiser apenas listas, pode usar <ul> ou <ol> em vez de tabela.


<ul>
  <li>Braco direito - 50 cm</li>
  <li>Braco esquerdo - 50 cm</li>
  <li>Perna direita - 80 cm</li>
  <li>Perna esquerda - 80 cm</li>
</ul>

Assim os itens ficam um embaixo do outro.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado