Curso Web 2008
Foro
Usuarios
HTML ejercicio
Acerca del Taller Web
¿Ha olvidado su contraseña?
2- Estructura Básica de DIVs
por Admin
—
Última modificación
20/10/2008 10:38
El anterior mas pulido y presentao.
2_Ejemplo-uso-basico-DIVs.html
—
HTML,
1Kb
Contenido del Archivo
<html>
<head>
<title>Ejemplo Basico Uso Div</title>
<style type="text/css">
body{ background-color: #0066ff;}
#titulo{
background-color: #00DDCC;
margin: 8px;
border: 8px;
padding: 8px;
left: 10%;
width: 96%;
height: 17%;
top: 0;
}
h1,h3{text-align: center;
}
#cuerpoizq{
position: absolute;
left: 24px;
width: 45%;
height: 70%;
bottom: 14px;
background-color: #00FFCC;
}
#cuerpodch{
position: absolute;
right: 24px;
width: 45%;
height: 70%;
bottom: 14px;
background-color: #00FFCC;
}
img.dch{float:right;}
img.izq{float:left;}
p:first-letter {
font-family: serif;
font-size: 500%;
float: left;
color: gray;
}
span { font-weight: bold }
-->
</style>
</head>
<body>
<div id="titulo">
<h1>Mi-P�na.Com</h1>
</div>
<div id="cuerpodch">
<h3>Esta es la p�na de Mi-Pagina s.a.</h3>
<img class = "dch" src = "imagen.jpg" alt = "mi frase alternativa" width = "48px" height = "48px">
<p><span>Bla, bla, bla, la,</span> bla, bla lBR<BR> bla, bla la, bla, bla la, bla, bla la, bla,
bla la, bla, bla la, bla, bla .</p>
bla, bla la, bla, bla la, bla, bla la, bla,<BR>
bla la, bla, bla la, bla, bla .</p><P>
bla, bla la, bla, bla la, bla, bla la, bla, bla la, bla,
bla la, bla, bla la, bla, bla bla, bla la, bla, bla la,<br> bla, bla la, bla,
bla la, bla, bla la, bla, bla .</p>
</div>
<div id="cuerpoizq">
<h3>Esta es la p�na de Su-Pagina s.coop.</h3>
<img class = "izq" src = "imagen.jpg" alt = "mi frase alternativa" width = "48px" height = "48px">
<p><span>Bla, bla, bla, la,</span> bla, bla la, bla, bla la, bla, bla la, bla, bla la, bla,
bla la, bla, bla la, bla, bla bla, bla la, bla, bla la,<br> bla, bla la, bla,
bla la, bla, bla la, bla, bla .</p>
bla, bla la, bla, bla la, bla, bla la, bla, bla la, bla,
bla la, bla, bla la, bla, bla bla, bla la, bla, bla la,<br> bla, bla la, bla,
bla la, bla, bla la, bla, bla .</p></div>
</body>
</html>
Anterior: Estructura Básica de DIVs
ParaFarmacia Apraiz
HACERTE WEB
