salve ho creato questo sito, ma non riesco a indicizzare i vari testi alle loro categorie home , video ,programmi in quanto vengono visualizzati tutti sulla pagina home
codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>titolo</title>	
<body>
<style>body
{
background: #CCC url( 'https://imagizer.imageshack.us/v2/1192x745q90/812/796x.jpg' ) no-repeat top center fixed;
background-size: cover;  
-webkit-background-size: cover;
-moz-background-size: cover;  
-o-background-size: cover;
}</style>
<img src="ciao.png"/>
<div id='cssmenu'>
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Programmi</a></li>
    <li><a href="#">Video</a></li>
    <li><a href="#">Contattami</a></li>
</ul>
<div id="container">
    <div class="content">
        <a name="Home" id="Home"></a>
        <h2>Home</h2>
 
        <p>Testo della home</p>
 
    </div>
    <div class="content">
        <a name="Programmi" id="Programmi"></a>
        <h2>Programmi</h2>
 
        <p>Testo dei programmi</p>
    </div>
    <div class="content">
        <a name="Video" id="Video"></a>
        <h2>Video</h2>
 
        <p>Testo dei video</p>
		
		</div>
    <div class="content">
        <a name="Contattami" id="Contattami"></a>
        <h2>Contattami</h2>
		<p>Testo di contattami</p>
</div>
<style>
#cssmenu ul {
  margin: 5;
  padding: -10;
  list-style-type: none;
  width: auto;/*lunghezza*/
  position: relative;
  display: block;
  height: 30px; /*altezza*/
  font-size: 13px; /* dimensione carattere */
  font-weight: bold;
  background: transparent url(nav_bg.png) repeat-x top left;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}
#cssmenu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
#cssmenu li a {
  display: block;
  float: left;
  color: #999999;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 20px 0 20px;
}
#cssmenu li a:hover {
  color: #FFFFFF;
  height: 22px;
  background: transparent url(nav_bg.png) 0px -30px no-repeat;
}
#cssmenu li.active a {
  display: inline;
  height: 22px;
  background: transparent url(nav_bg.png) 0px -30px no-repeat;
  float: left;
  margin: 30;
} 
</style>
</head>
</body> </html>