Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 6 vistas

    Documentación de Practica

    Cargado por

    gael32879
    El documento presenta el código HTML y CSS de un sitio web, incluyendo la estructura general con encabezado, menú de navegación, secciones y columnas laterales, además de los estilos aplicados a dichas secciones.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Documentación de Practica

    Cargado por

    gael32879
    6 vistas7 páginas
    El documento presenta el código HTML y CSS de un sitio web, incluyendo la estructura general con encabezado, menú de navegación, secciones y columnas laterales, además de los estilos aplicados a dichas secciones.

    Título original

    Documentación de practica

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento presenta el código HTML y CSS de un sitio web, incluyendo la estructura general con encabezado, menú de navegación, secciones y columnas laterales, además de los estilos aplicados a dichas secciones.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    6 vistas7 páginas

    Documentación de Practica

    Cargado por

    gael32879
    El documento presenta el código HTML y CSS de un sitio web, incluyendo la estructura general con encabezado, menú de navegación, secciones y columnas laterales, además de los estilos aplicados a dichas secciones.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 7

    Documentación de practica

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name="keywords" content="HTML5, CSS3, JavaScript">
    <title>Este texto es el título del documento</title>
    <link rel="stylesheet" href="misestilos.css">
    </head>
    <body>
    <div id="agrupar">
    <header id="cabecera">
    <h1>Este es el título principal del sitio web</h1>
    </header>
    <nav id="menu">
    <ul>
    <li>principal</li>
    <li>fotos</li>
    <li>videos</li>
    <li>contacto</li>
    </ul>
    </nav>
    <section id="seccion">
    <article>
    <header>
    <hgroup>
    <h1>Título del mensaje uno</h1>
    <h2>Subtítulo del mensaje uno</h2>
    </hgroup>
    <time datetime="2011-12-10" pubdate>publicado 10-12-2011
    </time>
    </header>
    Este es el texto de mi primer mensaje
    <figure>
    <img src="http://minkbooks.com/content/myimage.jpg">
    <figcaption>
    Esta es la imagen del primer mensaje
    </figcaption>
    </figure>
    <footer>
    <p>comentarios (0)</p>
    </footer>
    </article>
    <article>
    <header>
    <hgroup>
    <h1>Título del mensaje dos</h1>
    <h2>Subtítulo del mensaje dos</h2>
    </hgroup>
    <time datetime="2011-12-15" pubdate>publicado 15-12-2011
    </time>
    </header>
    Este es el texto de mi segundo mensaje
    <footer>
    <p>comentarios (0)</p>
    </footer>
    </article>
    </section>
    <aside id="columna">
    <blockquote>Mensaje número uno</blockquote>
    <blockquote>Mensaje número dos</blockquote>
    </aside>
    <footer id="pie">
    Derechos Reservados &copy; 2010-2011
    </footer>
    </div>
    </body>
    </html>

    *Genera un diseño casual

    *{
    margin: 0px;
    padding: 0px;

    *El disño anterios es compactado

    *{
    margin: 0px;
    padding: 0px;
    }h1 {
    font: bold 20px verdana, sans-serif;
    } h2 {
    font: bold 14px verdana, sans-serif;
    }

    *{
    margin: 0px;
    padding: 0px;
    }
    h1 {
    font: bold 20px verdana, sans-serif;
    } h2 {
    font: bold 14px verdana, sans-serif;
    }
    body {
    text-align: center;
    }

    *{
    margin: 0px;
    padding: 0px;
    }
    h1 {
    font: bold 20px verdana, sans-serif;
    } h2 {
    font: bold 14px verdana, sans-serif;
    }
    body {
    text-align: center;
    }
    #agrupar {
    width: 960px;
    margin: 15px auto;
    text-align: left;
    }

    *{
    margin: 0px;
    padding: 0px;
    }
    h1 {
    font: bold 20px verdana, sans-serif;
    } h2 {
    font: bold 14px verdana, sans-serif;
    }
    body {
    text-align: center;
    }
    #agrupar {
    width: 960px;
    margin: 15px auto;
    text-align: left;
    }
    #cabecera {
    background: #FFFBB9;
    border: 1px solid #999999;
    padding: 20px;
    }
    *{
    margin: 0px;
    padding: 0px;
    }
    h1 {
    font: bold 20px verdana, sans-serif;
    } h2 {
    font: bold 14px verdana, sans-serif;
    }
    body {
    text-align: center;
    }
    #agrupar {
    width: 960px;
    margin: 15px auto;
    text-align: left;
    }
    #cabecera {
    background: #FFFBB9;
    border: 1px solid #999999;
    padding: 20px;
    }
    #menu {
    background: #CCCCCC;
    padding: 10px 15px;
    }#
    menu li {
    display: inline-block;
    list-style: none;
    padding: 10px;
    font: bold 14px verdana, sans-serif;
    }
    }
    h1 {
    font: bold 20px verdana, sans-serif;
    } h2 {
    font: bold 14px verdana, sans-serif;
    }
    body {
    text-align: center;
    }
    #agrupar {
    width: 960px;
    margin: 15px auto;
    text-align: left;
    }
    #cabecera {
    background: #FFFBB9;
    border: 1px solid #999999;
    padding: 20px;
    }
    #menu {
    background: #CCCCCC;
    padding: 10px 15px;
    }
    #menu li {
    display: inline-block;
    list-style: none;
    padding: 10px;
    font: bold 14px verdana, sans-serif;
    }
    #seccion {
    float: left;
    width: 660px;
    margin: 20px;
    }
    #columna {
    float: left;
    width: 220px;
    margin: 20px 0px;
    padding: 20px;
    background: #CCCCCC;
    }
    #pie {
    clear: both;
    text-align: center;
    padding: 20px;
    border-top: 2px solid #999999;
    }

    También podría gustarte