estoy en la seccion de logotipo el problema es que cuando le añado el enlace de index.html en plantilla.html me sale donde dice "bienvenido a mi web" con vinculo y la barra de navegacion tambien me sale como vinculo
este es mi plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pages title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id ="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270" height="80"alt="Haz clic aquí para volver a la página de inicio">
</div><div id="publicidad"></div>Bienvenidos a mi web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul><il><a href="#">Enlace 1</a></il><il><a href="#">Enlace 2</a></il><il><a href="#">Enlace 3</a></il>
</ul>
</div id>
<h1>Esta será la zona principal de la web</h1>
<P>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre.Voy a ponersela justo aquí.</P>
<h2>Y este es el tercer párrafo.</h2> <p>En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</P>
<P>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</P>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div id>
</body>
</html>
y este es mi estilo-general css
*{text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange; float:left; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu li {list-style: none ; margin: 4px 0px 4px 6px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left; margin-right: 10px;margin-left:10px }
#menu{list-style: none ; margin: 20px 10px 10px 20px}
#pie { background-color: white;border-right: black 1px solid;border-top: black 1px solid}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }
a:hover {color:red ; text-decoration:underline ; background-color: silver}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat;width:800px ; height: 12px; overflow : hidden}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px;overflow: hidden }
este es mi index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet"href="estilo.css"type="text/css"media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
<div>Bienvenidos a mi Web</div>
<p class="centrado">Bienvenidos a mi pagina web. Muy pronto estara lista!</p>
<p><img alt="Bienvenido al ejemplo de CCTW" src="objetos/sonrisa.gif" height="60" width="60" /></p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulse aqui para enviarme E-mail" src="objetos/buzon.gif" height="32" width="32" /></a></p>
<p>Pagina creada gracias a <a href="http://www.comocreartuweb.com">CCTW</a></p>
<p class="centrado">bienvenidos a mi pagina web</p>
</body>
</html>
este es mi estilo css
body{background-color:#E6E6FA;background-image: url(objetos/fondo.png);
background-position: center center;
background-repeat:no-repeat;height:100%;}
img {border-style: none}
.centrado{text-align:center}
este es mi plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pages title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id ="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270" height="80"alt="Haz clic aquí para volver a la página de inicio">
</div><div id="publicidad"></div>Bienvenidos a mi web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul><il><a href="#">Enlace 1</a></il><il><a href="#">Enlace 2</a></il><il><a href="#">Enlace 3</a></il>
</ul>
</div id>
<h1>Esta será la zona principal de la web</h1>
<P>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre.Voy a ponersela justo aquí.</P>
<h2>Y este es el tercer párrafo.</h2> <p>En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</P>
<P>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</P>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div id>
</body>
</html>
y este es mi estilo-general css
*{text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange; float:left; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu li {list-style: none ; margin: 4px 0px 4px 6px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left; margin-right: 10px;margin-left:10px }
#menu{list-style: none ; margin: 20px 10px 10px 20px}
#pie { background-color: white;border-right: black 1px solid;border-top: black 1px solid}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }
a:hover {color:red ; text-decoration:underline ; background-color: silver}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat;width:800px ; height: 12px; overflow : hidden}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px;overflow: hidden }
este es mi index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet"href="estilo.css"type="text/css"media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
<div>Bienvenidos a mi Web</div>
<p class="centrado">Bienvenidos a mi pagina web. Muy pronto estara lista!</p>
<p><img alt="Bienvenido al ejemplo de CCTW" src="objetos/sonrisa.gif" height="60" width="60" /></p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulse aqui para enviarme E-mail" src="objetos/buzon.gif" height="32" width="32" /></a></p>
<p>Pagina creada gracias a <a href="http://www.comocreartuweb.com">CCTW</a></p>
<p class="centrado">bienvenidos a mi pagina web</p>
</body>
</html>
este es mi estilo css
body{background-color:#E6E6FA;background-image: url(objetos/fondo.png);
background-position: center center;
background-repeat:no-repeat;height:100%;}
img {border-style: none}
.centrado{text-align:center}