Se você jogar as cartas como chaves e os valores sendo os naipes, você vai ter (se estiver trabalhando com todas as cartas), quatro casos para cada chave. Acredito que isso traria um problema para o resto do código. No entanto, você poderia usar listas aninhadas sendo a primeira posição o valor da carta e o segundo valor o naipe.
Na verdade é uma pergunta bem ampla, existem muitas formas de chegar nesse resultado, minha dica é que você tente começar do básico, HTML/CSS/JavaScript, para que você possa conhecer melhor as suas necessidades. E quando você fizer isso, vão surgindo dúvidas, aí essas dúvidas, mais pontuais você traz aqui.
Sim, @Sorack , mas como eu coloquei na pergunta, não sei nem quem criou essa tabela, e ainda vou pegar muita coisa desse jeito kkk De qualquer forma agradeço!