HTML project with CSS

Posted by123codingwithmePosted inUncategorized

<!DOCTYPE html>

<html>

<head>

<style>

body {

  background-color: lightblue;

}

p {

  color:black;

  text-align:center;

  font:30px bold;

}

h1 {

  color: darkblue;

  margin-left: 30px;

}

h2 {

  color: maroon;

  text-align:center;

  font:40px bold;

}

h5 {

  text-align:center;

}

ol {

  color: maroon;

  font:30px bold;

        }

 table, td, th {

  border: 2px double maroon;

}

table {

  width: 50%;

  font:30px bold;

}

th {

  height: 40px;

  }

 td {

  width: 60%;

}

  .center{

  display: block;

  margin: auto;

}

</style>

</head>

<body>

<h1>Today’s News Alerts</h1>

<ol>

              <li>Sports</li>

    <li>Stock Market</li>

    <li>123codingwithme</li>

</ol>

<h2>Sports</h2>

<p>Tom Brady wins his 7th superbowl with the Tampa Buccaneers and brings back home the finals MVP.</p>

<img src=”https://www.si.com/.image/t_share/MTc4Nzk2OTgxMDc2ODk1MjM5/tom-brady-super-bowl-lv.jpg&#8221; width=”500″ height=”300″ class=”center”>

<h5>Source: https://www.si.com/nfl/video/2021/02/08/buccaneers-defeat-chiefs-31-9-super-bowl-lv-tom-brady-wins-7th-championship</h5&gt;

<h2>Stock Market</h2>

<p>Bitcoin shares are now worth around $48,000 having a major increase in its value.</p>

<h2>123codingwithme</h2>

<p>Coding is get fun with 123codingwitheme.com. According to the statistics is geting more intrest for learners.</p>

<table class=”center”>

  <tr>

    <th>Veiws</th>

    <th>Likes</th>

    <th>Rating</th>

  </tr>

  <tr>

   <td>Number:</td>

   <td>Amount:</td>

   <td>Score:</td>

  </tr>

  <tr>

   <td>2000</td>

   <td>120</td>

   <td>4.9/5</td>

  </tr>

</table>

</body>

</html>

Leave a comment