Untitled

<!DOCTYPE html>
<html lang="es">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>PASO A PASO</title>
    <link href="ejercicio13.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div id="contenedor">
    <div id="cabecera">
        <div id="busqueda">
            <form action="http://www.google.es" method="get">
                Buscar &nbsp; <input name="q" type="text" id="q"/>

            </form>
        </div>

        <div id="identificador">
            <h1>EMPRESA</h1>
        </div>
    </div>
    <div id="menu">
        <ul id="menu_principal">
            <li><a href="#">Uno</a></li>
            <li><a href="#">Dos</a></li>
            <li><a href="#" class="seleccionado">Tres</a></li>
            <li><a href="#">Cuatro</a></li>
            <li><a href="#">Cinco</a></li>
        </ul>
    </div>
    <div id="lateralizquierdo">
        <div id="noticias">
            <h3><a href="#">Noticias</a></h3>
            <p><span class="fecha">01/01/2012</span> <a href="#">Primera Noticia</a></p>
            <p><span class="fecha">01/02/2012</span> <a href="#">Segunda Noticia</a></p>

            <p><span class="fecha">01/03/2012</span> <a href="#">Tercera Noticia</a></p>
            <p><span class="fecha">01/04/2012</span> <a href="#">Cuarta Noticia</a></p>
            <p><span class="fecha">01/05/2012</span> <a href="#">Quinta Noticia</a></p>
        </div>
        <div id="enlaces">
            <h3><a href="#">Enlaces </a></h3>
            <ul>
                <li><a href="#">Uno Uno </a></li>
                <li><a href="#">Dos Dos</a></li>
                <li><a href="#">Tres Tres</a></li>
            </ul>
        </div>
        <div id="publicidad">
            <h3><a href="#">Publicidad</a></h3>
            <p>Abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab
                abcde abcd abc ab abcde abcd abc ab abcde abcd</p>
            <p>Dcba cba edcba dcba ba cba edcba dcba ba cba edcba dcba ba cba edcba dcba ba cba edcba dcba ba cba edcba
                dcba ba cba edcba dcba ba cba edcba dcba ba</p>
            <p><a href="#">Seguir leyendo...</a></p>
        </div>
    </div>
    <div id="principal">

        <div class="articulo">
            <h2>Articulo 1, articulo 1, articulo 1.</h2>


            <p><img src="imagenes/dreamweaver_cs5_50x50.png" alt="Imagen genérica"/></p>
            <p>Articulo 1 uno, abc abcd abcde abcdef abc abcd abcde abcdef abc abcd abcde abcdef abc abcd abcde abcdef
                abc abcd abcde abcdef abc abcd abcde abcdef abc abcd abcde abcdef abc abcd abcde abcdef abc abcd abcde
                abcdef.
            </p>
            <p>Ab abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde
                abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab abcde abcd abc ab
                abcde abcd abc ab abcde abcd abc ab abcde abcd.</p>
            <p>Abcc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba
                abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab
                ba.</p>
            <p><a href="#" class="info">Seguir leyendo...</a></p>
        </div>

        <div class="articulo">

            <h2>Articulo 2, articulo 2, articulo 2. </h2>
            <p><img src="imagenes/dreamweaver_cs5_50x50.png" alt="Imagen genérica"/>Abc cc ab ba abcddee abc ab ba abcddee abc ab ba
                abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab ba abcddee abc ab
                ba abcddee abc ab ba abcddee abc.</p>
            <p>Ab ab ba aaaa abc abde ab ba aaaa abc abde ab ba aaaa abc abde ab ba aaaa abc abde ab ba aaaa abc abde ab
                ba aaaa abc abde </p>
            <p><a href="#">Seguir leyendo...</a></p>

        </div>

    </div>
    <div id="lateralderecho">
        <h2>Otros 1</h2>
        <p>Bcd ab efg hijk lmn&ntilde; op qrst ab efg hijk lmn&ntilde; op qrst ab efg hijk lmn&ntilde; op qrst ab efg
            hijk lmn&ntilde; op qrst ab efg hijk lmn&ntilde; op qrst ab efg hijk lmn&ntilde; op qrst ab efg hijk lmn&ntilde;
            op qrst ab efg hijk lmn&ntilde; op qrst.</p>
        <p><a href="#">Seguir leyendo...</a></p>


        <h2>Otros 2 </h2>
        <p>Zxy xyz xxx yyy x y z zx yyyzzz xyz xxx yyy x y z zx yyyzzz xyz xxx yyy x y z zx yyyzzz xyz xxx yyy x y z zx
            yyyzzz xyz xxx yyy x y z zx yyyzzz .</p>
        <p><a href="#">Seguir leyendo...</a></p>
    </div>
    <div id="pie">
		<span class="enlaces">
			<a href="#">Antes</a> |
			<a href="#">Despues</a> |
			<a href="#">Ultimo</a> |
			<a href="#">Penultimo</a> |
			<a href="#">Siguiente</a> |
			<a href="#">Anterior</a>

		</span>

        <span class="copyright">
			&copy; Copyright 2013
	</span></div>

</div>
</body>
</html>