My first HTML Webpage code

Index:
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Sagnik's Personal Site</title>
  <link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <table cellspacing="20">
    <tr>
      <td><img
          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWp5B43CJt-jNp0kh3gbtLo-HhwVSg-_rTke7G6GQ_mEDp6DPN60lhfUxkz2RRTT5VXN62QDm5jx24vPtQaZf7_0wc4dNtfl9D6BNEOgqRb54utPaKEe6RjV8lBB_Am4wTRTV18s8vTkc/w153-h229-no/?authuser=0"
          alt="Sagnik's Profile Pic"></td>
      <td>
        <h1><strong>Sagnik bhattacharjee</strong></h1>
        <p><em>The Greatest <strong>Procastinator</strong> to ever walk on the earth</em></p>
      </td>
    </tr>
  </table>
  <hr>
  <p>This is me writing this in HTML.Ive Started this new course to try and learn web development.<br>
    This may be the thing that will lead to the growth of my freelance career.</p>
  <h3>THINGS THAT IM PURSUING CURRENTLY</h3>
  <ul>
    <li>Web development</li>
    <li><a href="https://www.instagram.com/_s.a.g.n.i.k_/">Photography</a></li>
    <li>UI/UX development</li>
    <li>Studies</li>
    <ol>
      <li>Digital Electronics</li>
      <li>Analog Electronics</li>
      <li>Signal and Systems</li>
      <li>EMI</li>
    </ol>
    <li>Un Peu Francais</li>
    <li>Office package</li>
    <li>C and Data Structures</li>
    <li>Stock Market</li>
    <li>Video Editing</li>
    <li><a href="Hobbies.html">Click here to know my hobbies</a></li>
  </ul>
  <hr>
  <h3>Places of Education</h3>
  <table border="1">
    <thead>
      <th><em>Dates</em></th>
      <th><em>Place</em></th>
    </thead>
    <tbody>
      <tr>
        <td>2004-2018</td>
        <td>Assembly of god chruch school Sodepur</td>
      </tr>
      <tr>
        <td>2018-current</td>
        <td>Techno India University</td>
      </tr>
    </tbody>
  </table>
  <hr>
  <table cellspacing="20">
    <thead>
      <th>Skill</th>
      <th>Level</th>
    </thead>
    <tbody>
      <tr>
        <td>Coding</td>
        <td>🟢🟢🟢</td>
      </tr>
      <tr>
        <td>Guitar</td>
        <td>🟢🟢</td>
      </tr>
      <tr>
        <td>Gaming</td>
        <td>🟢🟢🟢🟢</td>
      </tr>
      <tr>
        <td>Photography</td>
        <td>🟢🟢🟢🟢</td>
      </tr>
    </tbody>
  </table>
  <p><a href="contact.html">If you want to contact me click here</a></p>
</body>

</html>


Hobbies:
<!DOCTYPE html>
<html lang="en" dir="ltr">

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

<body>
  <h1><My></My> Hobbies</h1>
  <ul>
    <li>
      <strong><em>Gaming</em></strong>
    </li>
    <li>
      <h4><strong><em>Coding</em></strong></h4>
    </li>
    <li>
      <h4><strong><em>Listening to audiobooks</em></strong></h4>
    </li>
    <li>
      <h4><strong><em>Playing the Guitar</em></strong></h4>
    </li>
  </ul>
</body>

</html>

Contacts:
<head>
  <title>Contact</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<h1>HOLA!<em>This is <strong>Sagnik Bhattacharjee</strong></em></h1>
<h4><em>This is my contact info</em></h4>
<a href="https://www.facebook.com/sbhattacharje">Facebook</a><br>
<a href="https://www.instagram.com/_s.a.g.n.i.k_/">instagram</a><br>
<a href="https://twitter.com/bhattsagnik">Twitter</a><br>
<hr>
<form action="mailto:sagnik.bhattacharjee099@hotmail.com" method="post" enctype="text/plain">
  <label>Your Name:</label>
  <input type="text" name="yourName" value=""><br>
  <label>Your email:</label>
  <input type="email" name="yourEmail" value=""><br>
  <label>DO you want to sign up for a email list?</label>
  <input type="checkbox" name="yourMessage" value=""><br>
  <label>Your Message:</label>
  <textarea name="name" rows="10" cols="30"></textarea><br>
  <input type="submit" name="">
</form>

Comments