CSS - style (en línea HTML)

 Ejercicio 22:

    1. Crear una página en html, agregar minimamente:

        a. Un nombre a la página
        b. Un color para el fondo
        c. Un título centrado y distinta tipografía
        d. Un párrafo con distinto colo de letra y de 20px de tamaño
        e. Un subtítulo con un borde de color
        f. Un párrafo con color de fondo


index.html

<!DOCTYPE html>

<html>

    <head>

        <title>CSS - en línea</title>

    </head>

    <body style="background-color:lightblue;">

        <main>

            <h1 style="text-align:center;font-family:'Courier New',Courier,monoespace">

                CSS: style (en línea HTML)

            </h1>

            <p style="color:darkslategrey">

                Comenzamos con algo de CSS

            </p>

            <h2 style="border: 2px solid darkslateblue">

                CSS

            </h2>

            <p style="background-color:darksalmon">

                Cascading style sheets

            </p>

        </main>

    </body>

</html>


...

Comentarios

Publicar un comentario

Entradas más populares de este blog

Formulario 2

Imagen
 Ejercicio 34 Viendo las características de la siguiente página, resolverla de la misma manera --- index.html <!DOCTYPE html> <html lang="es">   <head>     <title>Formulario de prueba</title>   </head>   <body style="background: lightcoral">     <h1>Formulario de prueba</h1>     <form id="form-order"> <!-- Formulario -->       <p>         <label for="name">Nombre (obligatorio) </label>         <input           type="text"           name="name"           id="name"           placeholder="Dafne Perron"           autofocus           autocomplete           required         />       </p>       <p>         <label for="passwd">Contraseña (obligatorio) </label>         <input           type="password"           name="passwd"           id="passwd"           place
Leer más

JS prompt y switch

Ejercicio 45: 1. Crear una página en HTML, agregar mínimamente:     a.  Un nombre a la página     b.  Un botón accione un prompt que consulte al usuario ¿Cuál comida típica argentina es su favorita     c.  Los casos son (Locro, Buseca, Tortas Fritas, Asado, default) index.html <!DOCTYPE html> <html>   <head>     <title>JS prompt y switch</title>     <meta charset="UTF-8">   </head>   <body>     <h1>JS prompt y switch</h1>     <button onclick="comidasArgentinas()">Inserte una comida</button>     <p id="demo"></p>     <script>       function comidasArgentinas() {         let frase;         let comidaFavArg = prompt(           "¿Cuál es tu comida favorita argentina?",           "Locro"         );         switch (comidaFavArg) {           case "Locro":             frase = "El locro es una gran elección";             break;          
Leer más