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...
- Efecto de sombra con CSS
- Mejorando la apariencia de los formularios utilizando hojas de estilo
- Menus simples con CSS y listas
- Cómo solucionar problemas en CSS
- CSS: Etiquetas
- 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-2011 Factoría de Internet S.L.. Todos los derechos reservados.