Q:

Como fazer um painel com informações duplas com 

Eu consigo entender manuseio básico de <tr>, como no exemplo abaixo onde temos uma informação em cada linha. 

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid pink;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>Opção 1</th>
    <th>Opção 2</th>
  </tr>
  <tr>
    <td>x</td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td>x</td>
  </tr>
</table>

</body>
</html>

Mas como posso utilizar o <tr> para atingir o resultado do exemplo abaixo? Onde coloco duas informações na mesma linha (titulo e subtítulo) e ambos na mesma coluna?

A:

Cara basicamente você adiciona mais 1 coluna. 
O css que adicionei foi apenas para se ficar similar a sua imagem.
Lembre-se th e td não respeitam margin apenas o td respeita padding de preferencia em alinhar os elementos internamente.

td {
  padding-bottom: 50px;
  vertical-align: top;
}

img {
  background-color: gray;
  margin-right: 15px;
  width: 50px;  
  height: 50px;
}

h4, p {
  font-family: Arial;
  margin: 0;
}

p {
  font-size: 12px;
}
<table>
  <tr>
    <td>
      <img src="">
    </td>
    <td>
      <h4>Hunter xhunter</h4>
      <p>usuário Stack Overflow Em PT</p>
    </td>
  </tr>
  <tr>
    <td>
      <img src="">
    </td>
    <td>
      <h4>Hunter xhunter</h4>
      <p>usuário Stack Overflow Em EN</p>
    </td>
  </tr>
</table>

