Código XHTML:
<h1>Título del artículo.</h1>
<p>Párrafo de prueba #1. Aquí va la información del artículo. Aquí va la información del artículo. Aquí va la información del artículo. Aquí va la información del artículo. Aquí va la información del artículo. </p>
<p>Párrafo de prueba #2. Aquí va la información del artículo. Aquí va la información del artículo. Aquí va la información del artículo. Aquí va la información del artículo. </p>
<p>Párrafo de prueba #3. Aquí va la información del artículo. Aquí va la información del artículo. Aquí va la información del artículo. </p>
<p>Pie del artículo
<br />
Autor, fecha, referencias, etc.</p>
Para lograr lo que queremos necesitamos añadir unas capas o "layers" usando la etiqueta <div> . Estas capas irán alrededor del código XHTML .
Código XHTML:
<div id="top"></div> |
Hasta ahora no hemos hecho nada complicado. Hemos creado un documento en XHTML muy bien estructurado. Tan fácil que hasta un niño pudiera hacerlo. El próximo paso será colocar las imágenes que hará esquina dentro de las capas que hemos creado. Empecemos por la parte superior.
Código XHTML:
<div id="top"> Ahora añadiremos las imágenes correspondientes a la capa inferior. <div id="bottom"> |
Llegó el momento de aplicar el lenguaje de CSS a nuestro documento. Vamos a continuar aplicando ciertas reglas de CSS a nuestra capa superior.
Código XHTML:
<div id="top" class="top"> |
Usuarios que han visto este tema también han visto...
- Celdas con puntas redondeadas utilizando CSS
- wrapScroll: Desplazamiento automático de DIV’s con CSS
- Barra de desplazamiento a medida en CSS
- Fondo para campos textarea en CSS
- Maquetar una página con CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.