ESTA ES LA PLANTILLA
<!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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi practica de como crear mi propia pagina web, esta un poco enredado pero con la practica y la atencion se pueden lograr muchas cosas
no es mala onda pero ya tengo hambre y este curso va pa largo, pero espero reponerme.</p>
<h2>Y este es el parrafo 2</></h2>
Este segundo parrafo lo pongo nada mas de ejemplo como dice la pagina de CCTW y pues espero que me salga como
el ejemplo por que si no, no se que hare, ya que ando un poco agoviado por tanto estudio.</p>
Este es mi ultimo parrafo. Ya hasta aqui escribi voy a checar
que p2 con mi pagina a ver si me sale parecido a la de estos
cuates que me estan enseñando de grapa jeje.</p>
</div>
<div id="pie">Este es el pie de la pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html
Y esta la hoja de estilos;
*{text-indent:0px;margin:0px; padding:0px; border:0px}
body {text-align:center}
#global{width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{width:280px;float:left}
#publicidad{width:518px;float:rigth;margin-top:25px}
#navegacion{background-color:gray;border:black 1px solid}
#contenido{background-color:orange;border-left:black 1px solid;border-right:black 1px solid}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left; margin:3px 10px 3px 3px}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px; height:12px;overflow:hidden}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-elign:center}
h2{font-size:1.1em;color:blue;font-weigth:bold;text-decoration:none;text-align:center}
espero su ayuda gracias....
<!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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi practica de como crear mi propia pagina web, esta un poco enredado pero con la practica y la atencion se pueden lograr muchas cosas
no es mala onda pero ya tengo hambre y este curso va pa largo, pero espero reponerme.</p>
<h2>Y este es el parrafo 2</></h2>
Este segundo parrafo lo pongo nada mas de ejemplo como dice la pagina de CCTW y pues espero que me salga como
el ejemplo por que si no, no se que hare, ya que ando un poco agoviado por tanto estudio.</p>
Este es mi ultimo parrafo. Ya hasta aqui escribi voy a checar
que p2 con mi pagina a ver si me sale parecido a la de estos
cuates que me estan enseñando de grapa jeje.</p>
</div>
<div id="pie">Este es el pie de la pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html
Y esta la hoja de estilos;
*{text-indent:0px;margin:0px; padding:0px; border:0px}
body {text-align:center}
#global{width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{width:280px;float:left}
#publicidad{width:518px;float:rigth;margin-top:25px}
#navegacion{background-color:gray;border:black 1px solid}
#contenido{background-color:orange;border-left:black 1px solid;border-right:black 1px solid}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left; margin:3px 10px 3px 3px}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px; height:12px;overflow:hidden}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-elign:center}
h2{font-size:1.1em;color:blue;font-weigth:bold;text-decoration:none;text-align:center}
espero su ayuda gracias....