1
respuesta

codigo-form

    <!-- Cabecera -->
    <header>
        <img src="Homer.png" width="189" height="57" alt="logo"  /> 
        <h1>contactanos-homerisima</h1>
    </header>

    <!-- Contenido -->
    <section>

        <figure>
                right<img src="pintusimp.png" width="400" height="400" alt="foto"  />

        </figure>
        <center>
            <main>
                <form>
                    <label for="nombre-apellido">nombres</label>
                    <input type="text" id="nombre-apellido">
                    <label for="edad">edad</label>
                    <input type="text" id=edad">
                    <label for="telefono">telefono</label>
                    <input type="text" id="telefono">
                    <input type="submit" value="envio">
                    </form>
                </main>      
    </center>

    </section>


    <!-- Contenido relacionado-->
    <aside>



    </aside>



    <!-- Pie de pagina -->
    <footer>
            <a href="http://www.ejemplocodigo.com">www.ejemplocodigo.com</a>
    </footer>
                                                  codigo css

height:100%;

}

header { display:block; background:#286af0; padding:10px 0px; } section { width: 79%; background: rgba(228, 12, 12, 0.425); float: left; overflow: auto; padding-bottom: 60px; padding-top:30px;

}

aside { background:rgba(128, 128, 128, 0.123) ; float: right; border: 1px solid red; width: 18%; border: 1px solid red; } footer { position: relative; margin-top: -50px; height: 40px; padding:5px 0px; clear: both; background: #f028f0; text-align: center; color: blue; } figure { display: table; margin: 0 auto;

} main { width: 940px; margin: 0 auto; }

form { margin: 40px 0; }

form label { display:block; font-size: 20px; margin: 0 0 10px; }

form input { display: block; margin: 0 0 20px; padding: 10px 25px; width: 50%; }

1 respuesta

Hola Andres, espero estés muy bien.

Felicitaciones por tu aprendizaje, continúa con ese empeño. Para agilizar el tiempo de respuesta en caso de dudas relacionadas con los cursos, estamos priorizando el foro para postear dudas.

En caso que desees compartir tus ejercicios o actividades dispusimos en Discord un canal exclusivo para ese fin (#compartatucodigo)

Te dejo éste link que muestra donde puedes compartir tus actividades https://www.youtube.com/watch?v=ZhXdFO6SxQ4

Si necesitas ayuda, estaremos aquí! Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios