Hola, a todos, bueno soy nuevo y haciendo el curso.
Voy por la Tercera Lección y me gustaria saber su opinion sobre lo ya realizado, por favor si tengo algun error les agradeceria mucho me lo comentaran para mejorar lo realizado, sinn mas por el momento me despido esperando que tengan una buena tarde.
Bye.
Plantilla HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-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 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><h2>Este es mi segundo parrafo. Acabo de poner un punto y espero terminar muy pronto
est pagina que es para voz, saludos</h2><h1>Y este es mi tercer parrafo.</h1>
En pocas lecciones aprendere a darle margenes, saludo
</p>
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
Estilos-General.CSS
* {margin:0px ; padding:0px ; border:0px }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color:orange ; width: 800px ; float:left }
#pie {background-color:brown}
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:
10px }
#menu li { list-style:none ; margin: 4px 0px 4px 6px }
a {color: blue: font-size: 1.3em ; text-decoration: none }
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 }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px }
#menu {....................margin:3px 10px 3px 3px }
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}
Estoe es lo realizado hasta el momento.
BIENVENIDOS A MI WEB
Barra de Navegacion
Enlace 1
Enlace 2
Enlace 3Esta sera la zona principal de la web
Este es mi segundo parrafo. Acabo de poner un punto y espero terminar muy pronto est pagina que es para voz, saludos
Y este es mi tercer parrafo.
En pocas lecciones aprendere a darle margenes, saludo
Este es el pie de pagina
Saludos.
Voy por la Tercera Lección y me gustaria saber su opinion sobre lo ya realizado, por favor si tengo algun error les agradeceria mucho me lo comentaran para mejorar lo realizado, sinn mas por el momento me despido esperando que tengan una buena tarde.
Bye.
Plantilla HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-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 Navegacion</div>
<div id="contenido"><div id="menu"><ul>
</div><h1>Esta sera la zona principal de la web</h1><h2>Este es mi segundo parrafo. Acabo de poner un punto y espero terminar muy pronto
est pagina que es para voz, saludos</h2><h1>Y este es mi tercer parrafo.</h1>
En pocas lecciones aprendere a darle margenes, saludo
</p>
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
Estilos-General.CSS
* {margin:0px ; padding:0px ; border:0px }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color:orange ; width: 800px ; float:left }
#pie {background-color:brown}
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right:
10px }
#menu li { list-style:none ; margin: 4px 0px 4px 6px }
a {color: blue: font-size: 1.3em ; text-decoration: none }
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 }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px }
#menu {....................margin:3px 10px 3px 3px }
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}
Estoe es lo realizado hasta el momento.
BIENVENIDOS A MI WEB
Barra de Navegacion
Enlace 1
Enlace 2
Enlace 3Esta sera la zona principal de la web
Este es mi segundo parrafo. Acabo de poner un punto y espero terminar muy pronto est pagina que es para voz, saludos
Y este es mi tercer parrafo.
En pocas lecciones aprendere a darle margenes, saludo
Este es el pie de pagina
Saludos.