My First Site

Hello guys i want to show you how i create my first personal site with html and CSS.

I upload my page with github pages here the result :

https://nikomatt69.github.io/Html-Personal-site/

Html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>nikomatt.eth</title>
  <link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <table cellspacing="25">
    <tr>
      <td> <img src="ProfileP.png" alt="Profile Pic"></td>
      <td>
        <h1>nikomatt.eth</h1>
        <p1><em><strong>Cryptocurrency Trader</strong> & <strong> Web Developer </strong></em></p1><br>
        <p2>I'm a 26 years Web3/WebDev Student,Trader FX/Crypto,Metalworker.</p2>
      </td>
    </tr>
  </table>
  <hr>
  <h3>Link For My Certifications</h3>
  <a href="teaching.html">Certifications</a>
  <hr>

  <h3><strong>Work Experiences</strong></h3>
  <table cellspacing=5>
    <thead>
      <tr>
        <th>Dates</th>
        <th>Work</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>2015-now</td>
        <td>Metalworker CEMA s.r.l </td>
      </tr>
      <tr>
        <td>2021-now</td>
        <td>Trader FX/Crypto FTX </td>
      </tr>
    </tbody>
    <tfoot>
    </tfoot>
  </table>
  <hr>
  <h3>Skils</h3>
<table cellspacing="10">
    <tr>
      <td>Blockchain</td>
      <td>⭐️⭐️⭐️⭐️</td>
    </tr>
    <tr>
      <td>Html,CSS,JavaScript Base</td>
      <td>⭐️⭐️⭐️</td>
    </tr>
    <tr>
      <td>Machine Tools</td>
      <td>⭐️⭐️⭐️⭐️⭐️</td>
    </tr>
    <tr>
      <td>Trading FX/Crypto</td>
      <td>⭐️⭐️⭐️⭐️</td>
    </tr>
    <tr>
      <td>Web3 Ecosistem</td>
      <td>⭐️⭐️⭐️⭐️</td>
    </tr>
  </table>
  <hr>
  <h3>Contact Details Links </h3>
  <ul>
    <li><a href="contacts.html">Contact Me</a></li>
  </ul>

</body>

</html>

CSS

body {
  background-color: #2C3333;
  color: #D3E0EA;
  text-align: center;
  font-family: cursive;
}

h1 {
  color: #2666CF;
  font-size: 130px;
  font-family: cursive;
}

p1 {
  font-size: 30px;
}

p2 {
  font-size: 25px;
}

h3 {
  color: #2666CF;
  font-size: 50px;
  text-align: center;
}

a {
  color: #D3E0EA;
}

hr {
  border-style: none;
  border-top-style: dotted;
  border-color: #395B64;
  border-width: 7px;
  height: 0px;
  width: 8%;
}

table {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}