Sesión 6 Html y Css


HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charse="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="practica5.css">
</head>
<body>
    
    <header>
        <h1>PLANTILLA HTML5 y CSS3 PROFESIONAL</h1>
        <nav>Menú de navegación</nav>
    </header>
    
    
    <article>
        <h2>Arctículo de información</h2>
        <section>
            <h3>Columna 1</h3>
            <p>quiero salir de casa</p>
        </section>
        <section>
            <h3>Columna 2</h3>
            <p>me canso de estar aquí</p>
        </section>
        <section>
            <h3>Columna 3</h3>
            <p>quiero que termine pronto esto</p>
        </section>  
    </article>
    
    <footer>Pie de página</footer>
    
    
</body>

</html>


CSS

/*
   Hoja de Estilos Practica7.css
*/

h2{
    text-align:center;
}

header{
    background-color: hotpink;
    text-align: center;
    padding: 28px;
    
}
section{
    width:33%
    float:left;
    
    
    
}

footer{
     background-color: hotpink;
    text-align: center;
    padding: 28px;
    clear:both;
    

}

Comentarios

Entradas populares de este blog

Sesión 7 html y css

IMAGEN-Resolución y tamaños

Comparando Apps extra