<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>HOME PAGE PORTALE ROMANO</title>
<style type="text/css">
body {
background: #004040;
}
.Strisciaverde {
padding: 40px;
padding-top: 1%;
padding-left: 25%;
background: #7FDFAA;
margin: 0px;
width:800px;
height:auto;
color:#FF9900;
font: bold 30px/18px verdana, arial;}
A:hover {Color: red;}

.Strisciaoliva {
padding: 0px;
padding-top: 0px;
padding-left: 0%;
background: #7FBF55;
margin: 0px;
width:800px;
height:auto;
color:#FF9900;
font: bold 30px/18px verdana, arial;}
</style>
<html> <------- Ma perchè??? Non va riaperto! Semmai dovrai chiudere lhead (</head>) e aprire il body (<body>)
<p class="Strisciaverde"><font color="#030000" size="-1">Benvenuti nel sito dedicato
alla Città di Roma</font></p>
<p class="Strisciaoliva"></p>
<p align="center"> ]</p>
</body>
</html>

la seconda striscia continua a non vedersi.
Forse perchè adesso è vuota?


Come si fa a vedere gli errori?
Un qualunque editor di HTML è in grado di verificare la correttezza del codice