Olá, Kleber! Tudo bem, cara? =)
Para responder à sua primeira pergunta, repare na seguinte estrutura:
<table>
<thead>
<tr>
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
</tr>
</tbody>
</table>
Ela corresponde à estrutura de uma tabela...
- A tag
<table>
é o que define que naquele "espaço" haverá uma tabela. - As tags
<thead>
e <tbody>
representam o cabeçalho e o corpo dessa tabela, respectivamente. - A tag
<tr>
é responsável por criar uma linha dessa tabela (Table Row). - A tag
<td>
é responsável por criar uma célula, uma informação (coluna) dentro de cada linha (Table Data). - A tag
<th>
é semelhante à <td>
, mas é utilizada de forma correta quando dentro do <thead>
.
Sobre a sua segunda pergunta... Existem algumas formas de se realizar isso. Utilizando o que você viu até o momento, você pode criar uma nova coluna na tabela que contém um botão. Em seguida, você pode adicionar um evento ao botão, que mostrará dois prompt
para alterar o peso e a altura, por exemplo. Essa é uma das formas e, já adianto, todas podem te desafiar um pouco, pois ainda é tudo muito recente. =)
Espero ter ajudado e tirado suas dúvidas, mas qualquer coisa que possa ter restado, ou se aparecer alguma nova, não deixe de postar aqui no fórum para que possamos ajudá-lo! =)
Abraço e bons estudos,
Fábio