tarea
7
Curso de WEB Y MULTIMEDIA Creación de sitios web OSCAR BRICEÑO MOGROVEJO AV. Santiago de las Montañas y Juan de Velazco 072588162 082404184 25 de Abril del 2012
-
Upload
oscar-briceno -
Category
Documents
-
view
215 -
download
0
description
XHTML y CSS
Transcript of tarea
Curso deWEB Y MULTIMEDIACreación de sitios web
OSCAR BRICEÑO MOGROVEJO
AV. Santiago de las Montañas y Juan de Velazco
072588162082404184
25 de Abril del 2012
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>TAREA OFFLINE</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="hoja2.css" rel="stylesheet" type="text/css" /> </head><body> <div id="container"><div class="header"><h1>TAREA</h1></div> <div class="izquierda"> <ul> <li><a>vinculo</a></li> <li><a>vinculo</a></li> <li><a>vinculo</a></li> <li><a>vinculo</a></li> <li><a>vinculo</a></li> <li><a>vinculo</a></li> </ul> </div>
<div class="derecha"> <a href="http://www.google.com/"><img style="border:9;width:88px;height:31px" src="C:\xampp\htdocs\imagenes\google.jpg" alt="Buscador!" /></a>
<hr/>
<a href="http://www.hotmail.com"><img src="C:\xampp\htdocs\imagenes\correo.jpg" alt="correo" height="31" width="88" /></a> </div>
<div class="principal"> <h2>Titulo del contenido</h2> <h3>SUBTITULO</h3> <p>DATOS DE PAGINA</p> <p>IMAGENES</p> <p>LINKS</p> <p>FONDOS</p> <p>TITULOS</p> <p>COLOR DE PAGINA</p> <p>BORDES</p> </div>
<div class="footer"> <h6>PIE DE PAGINA DE TAREA OFFLINE</h6>
</div> </div> </body> </html>
p {
font-size:11px; color: #FF0101; line-height: 120%;
}
hr {
display:none;
}
h1 {
font-size:25px; text-align : center; color : #0000FF; margin:0;
}
h2 { ont-size:20px; text-align : center; color:#0B0B0B; text-transform: capitalize;
}
h3 {
font-size:18px; background-color:#FFF;text-align : left; color : #0B0B0B;
}
h4 { font-size:15px; text-align : left; color : #0B0B0B;
}
h5 {
font-size: 13px; text-align : left; color : #0B0B0B;
}
h6 { font-size:12px; text-align : left; color : #0B0B0B;
}
td {
font-size: 12px; text-align : center; color : #FF0101;
}
a {
font-size:12px; color:#FF0101;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none; color:#E91C15;
}
a:hover {
text-decoration: none; color:#E307B3;
}
a:active {
text-decoration: none; color:#E307B3;
}
BODY {background-color:#B1C5D7;
text-align : justify;line-height: 10px;
} #container {
background-color:#719AC0; border-style:solid; border-color:#000000; margin: 0 auto; width:700px; height:auto;
}
.header{ background: url(imagenes/images.jpg); width:700px; height:140px; background-color:#8F943A; border-bottom-style:solid; border-bottom-color:#000000; margin:0 0 10px 0;
}
.izquierda{ width:100px; height:auto; background-color:#FFFFDD; border-style:solid; border-width:1px; border-color:#000000; margin:0 0 0 5px; float:left; padding:3px;
}
.izquierda ul { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#050505; line-height: 140%; text-transform:capitalize;
}
.derecha{
width:150px; height:auto; background-color:#050505; border-style:solid; border-width:1px; border-color:#000000; margin:0 5px 0 0;
float:right; padding:5px;
}
.principal{
width:390px; height:auto; background-color:#FFF; border-style:solid; border-width:1px; border-color:#000000; margin:0 5px 0 117px; padding:10px;
}
.footer{ width:auto; height:30px; background-color:#FFF; border-style:solid; border-width:1px; border-color:#000000; margin:5px;
}
.footer h6{ text-align:center; text-transform:uppercase; margin:5px auto;color:#666666; font-size:10px;
}
