En plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu</div>
<ul>
Enlace 1
Enlace 2
Enlace 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
En index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>www.arucasdeporte.com</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> BIENVENIDOS A WWW.ARUCASDEPORTE.COM</p>
[contenido no disponible]
www.arucasdeporte.com nacerá el próximo 1 de Septiembre de 2009, con el objetivo de hacer llegar a todos los visitantes de manera actualizada y detallada toda la información deportiva acontecida en el municipio de Arucas, en el norte de la isla de Gran Canaria.
Uno de los objetivos de este proyecto es la dedicación de una sección a cada una de las disciplinas deportivas que se practican de manera federada o no en la ciudad. (Fútbol: Arucas C.F., C.F. Santidad Banot, C.D. Costa Bañaderos, C.D. Goleta, C.D. Cardones, C.D.F. Labrantes...; Baloncesto: C.B. Goleta; HocKey: Agonek, Colombofilia, Gimnasia Rítmica y Deportiva, Tenis, Natación, etc).
Para ello tenemos a disposición de los visitantes un correo provisional ([correo eliminado]) o una página tuenti cuyo nombre es: Arucas Deportecom, donde podrán remitir sus ideas, posibles secciones, así como datos de contacto si se trata de un equipo o de interés social, como actividades lúdicas, competiciones, etc.
¡No dudes en ponerte en contacto con nosotros![correo eliminado]
¡Saludos cordiales!</p>
<a href=http://www.arucasdeporte.com">Fútbol</a>
[contenido no disponible]
</body>
</html>
En estilo-general.css
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li { list-style:none }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}