Untitled

<html>
<head>
<title>Završni test</title>
</head>
<body background="https://q-cf.bstatic.com/images/hotel/max1024x768/140/140829170.jpg">
<h1 style="color:white">Obrada teksta</h1>
<div id="kutija">
<b>Bold - Podebljan tekst</b><br>
<i>Italic - Iskošen tekst</i><br>
<u>Underline - Podvučena linija</u><br>
<font face="arial">Odabrani font (arial)</font><br>
<font color="Red">Boja teksta</font><br>
</div>
<br><br>
<img src="https://clipart-db.ru/file_content/rastr/planet-004.png" style="width:200px;height:200px;" alt="mesec">
<br><br>
<table id="tabela" bgcolor="black">
  <tr>
    <th>Tople boje</th>
    <th>Hladne boje</th>
    <th>Ostale boje</th>
  </tr>
  <tr>
    <td style="color:yellow;">Žuta</td>
    <td style="color:green;">Zelena</td>
    <td>Crna</td>
  </tr>
  <tr>
    <td style="color:red;">Crvena</td>
    <td style="color:blue;">Plava</td>
    <td>Bela</td>
  </tr>
</table>
</body>
<style>
#kutija{
   padding:10px;
   border-radius:15px;
   border: 3px dotted gold;
   width:300px;
   color:white;
}

#tabela{
  color:white;
  border: 2px solid white;
  padding:20px;
  width: 400;
  border: 3px solid gray;
  font-family:arial;
  text-align:center;
}

table tr td{
  font-weight: bold;
  text-decoration:underline;
}
</style>
</html>