"Blog donde se recogen los distintos trabajos y proyectos realizados en la asignatura de TIC de 4º de ESO del Colegio María Auxiliadora".

martes, 21 de abril de 2020

SESIÓN 6 -> LENGUAJE HTML 5 Y CSS 3

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title> Document </title>
    <link rel="stylesheet" href="practica7.css">
</head>
<body>
    <header>
        <h1> PLANTILLA HTML 5 y CSS3 PROFESIONAL</h1>
        <nav> Menú de navegación </nav>
    </header>
   
    <article>
        <h2> Artículo de información</h2>
        <section>
            <h3>Columna 1</h3>
            <p>El teléfono es un dispositivo de telecomunicación diseñado para transmitir señales acústicas a distancia por medio de señales eléctricas. Fue inventado por Antonio Meucci, quien en 1854 construyó un primer prototipo, aunque no formalizó su patente por dificultades económicas, presentando solo una breve descripción de su invento en la Oficina de Patentes de Estados Unidos en 1871. </p>
        </section>
        <section>
            <h3>Columna 2</h3>
            <p>El teléfono es un dispositivo de telecomunicación diseñado para transmitir señales acústicas a distancia por medio de señales eléctricas. Fue inventado por Antonio Meucci, quien en 1854 construyó un primer prototipo, aunque no formalizó su patente por dificultades económicas, presentando solo una breve descripción de su invento en la Oficina de Patentes de Estados Unidos en 1871.</p>
        </section>
        <section>
            <h3> Columna 3</h3>
            <p>El teléfono es un dispositivo de telecomunicación diseñado para transmitir señales acústicas a distancia por medio de señales eléctricas. Fue inventado por Antonio Meucci, quien en 1854 construyó un primer prototipo, aunque no formalizó su patente por dificultades económicas, presentando solo una breve descripción de su invento en la Oficina de Patentes de Estados Unidos en 1871.</p>
        </section>
    </article>
   
    <footer>Pie de página</footer>


</body>
</html>

CSS

h2{
    text-align: center;
}
header{
    background-color:#ff0000;
    text-align: center;
    padding: 20px;
}
section{
    width:33%;
    float: left;   
}

footer{
    background-color:#ff0000;
    text-align: center;
    padding: 20px;
    clear: both;

}



No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.

CÁPSULA DEL TIEMPO DE MAYO

Hola Diego del futuro, Este mes ha sido de confinamiento, nos hemos pegado todo el mes sin poder ir al colegio, por lo que hemos tenido que...