Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Maqueta 2

    Încărcat de

    Marco Augusto Huamani Escobar
    3 vizualizări6 pagini
    COMO DESARROLLAR PAGINA WEB CON HTML Y CSS3

    Titlu original

    maqueta 2

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    COMO DESARROLLAR PAGINA WEB CON HTML Y CSS3

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    3 vizualizări6 pagini

    Maqueta 2

    Încărcat de

    Marco Augusto Huamani Escobar
    COMO DESARROLLAR PAGINA WEB CON HTML Y CSS3

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 6

    CODIGO HTML

    <!DOCTYPE html>

    <html lang="es">

    <head>

    <meta charset="utf-8">

    <title>Estructura Bsica</title>

    <link rel="stylesheet" href="css/estilos.css">

    </head>

    <body>

    <div id="contenedor">

    <header>

    <h1>Bienvenidos a Nuestra Pagina Web</h1>

    </header>

    <nav>

    <h2>Menu</h2>

    </nav>

    <section id="contenido">

    <article>

    <h2>Contenido</h2>

    </article>

    </section>

    <aside>

    <h2>Publicidad</h2>

    </aside>

    <footer>

    <h2>Pie_Pag.</h2>

    </footer>
    </div>

    </body>

    </html>
    CODIGO CSS

    *{

    margin: 0px;

    padding: 0px;

    body {

    background: #444;

    color: #fff;

    #contenedor {

    width: 960px;

    margin: auto;

    margin-top: 20px;

    margin-bottom: 20px;

    border-radius: 20px;

    overflow: hidden;

    header {

    height: 150px;

    background: #000;

    header h1 {

    font-size: 50px;

    text-align: center;

    line-height: 150px;

    }
    nav {

    background: orange;

    height: 60px;

    nav h2 {

    font-size: 40px;

    text-align: center;

    line-height: 60px;

    #contenido {

    width: 700px;

    height: 500px;

    float: left;

    background: blue;

    margin-top: 10px;

    margin-right: 10px;

    margin-bottom: 10px;

    #contenido h2 {

    font-size: 40px;

    text-align: center;

    line-height: 500px;

    aside {

    width: 250px;

    height: 500px;
    background: green;

    margin-top: 10px;

    float: right;

    aside h2 {

    font-size: 40px;

    text-align: center;

    line-height: 500px;

    footer {

    background: #000;

    clear:both;

    footer h2 {

    font-size: 40px;

    text-align: center;

    padding: 20px;

    font-style: italic;

    }
    RESULTADO

    S-ar putea să vă placă și