1
respuesta

Práctica inicio CSS

Aplicando inicio CSS a mi Inicio Html anterior

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="style2.css">
    </head>
    <body>

        <h1>La Mentira y la Verdad</h1>

            <h3><strong>Cuenta la leyenda que un día la Mentira y la Verdad se encontraron en un río.</strong></h3> 

            <p>Entonces,  <strong>la Mentira</strong> le dijo a la <strong>Verdad</strong></p>

            <p>- Buenos días, <strong>doña Verdad</strong></p>

            <p><strong>la Verdad</strong>, que no se fiaba mucho de su nueva amiga, comprobó si realmente era un buen día; <br>
                <em>Miró el cielo azul sin nubes, escuchó cantar a los pájaros y llegó a la conclusión de que, efectivamente, era un buen día.</em></p>

            <p>- Buenos días, <strong>doña Mentira.</strong> - Dijo <strong>la verdad</strong></p>

            <p>- Hace mucho calor hoy, dijo <strong>la Mentira.</strong></p>

            <p>Y <strong>la verdad</strong> <em>vio que tal</em> y como decía <strong>la Mentira</strong>, era un día caluroso.</p>

            <p><strong>La Mentira</strong> entonces invitó a <strong>la Verdad</strong> a bañarse en el río. Se quitó la ropa, se metió al agua y dijo:</p>

            <p>- Venga <strong>doña Verdad</strong>, “Bañémonos juntas, que el agua está muy hermosa".</p>

            <p><strong>La verdad</strong>, todavía sospechosa, <em>probó el agua y descubrió que era realmente hermosa</em>. </p>

            <p>Por aquel momento <strong>la Verdad</strong> ya sí se fiaba de <strong>la Mentira</strong>, <em>así que se quitó la ropa y se metió al río.</em><br></p>

            <p>Pero de repente, <strong>la Mentira</strong> salió del agua y huyó, vistiendo las ropa de <strong>la Verdad</strong></p>

            <p><strong>La Verdad</strong> furiosa, salió del agua para recuperar su ropa</p>

            <p>Pero el mundo, al ver a la <strong>Verdad</strong>, miraba hacia otro lado con ira y desprecio.</p>

            <p><strong>La Verdad</strong> era incapaz de vestirse con la ropa de <strong>la Mentira</strong>, así que la pobre volvió al agua y desapareció para siempre ocultando su vergüenza</p>

            <p><strong>La gente no decía nada al ver a la Mentira vestida con la ropa de la verdad, <em>pero se horrorizaban al ver la Verdad desnuda.</em></strong></p>

    </body>
</html>

body{
    background-color: rgb(89, 183, 212);
}

h1{
    background: rgb(14, 132, 235);
    text-align: center;
    font-size: 40px;
    color: white;
}

h3{
    text-align: center;  
    color: rgb(9, 2, 85); 
}

p{
    text-align: left;
}
strong em {
    color: rgb(0, 2, 85);
}

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Recuerda crear "

" para cuando ya tengas que hacer varias secciones de código, igual puedes utilizar "". Todo esto para poder darle formatacion a tu código.