Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Richard Inzunza Osses Tarea5

    Cargado por

    Ivan Inzunza Osses
    22 vistas5 páginas
    El documento describe una tarea para mejorar el código HTML y CSS de un libro digital. Se proporciona el código HTML inicial y una imagen de cómo se verá el resultado final. La tarea es determinar las reglas CSS necesarias para lograr este resultado. El estudiante mejora el código cambiando algunas etiquetas y agregando estilos CSS para cada elemento, logrando el aspecto requerido.

    Descripción original:

    05_Programación web I_Tarea V.1

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento describe una tarea para mejorar el código HTML y CSS de un libro digital. Se proporciona el código HTML inicial y una imagen de cómo se verá el resultado final. La tarea es determinar las reglas CSS necesarias para lograr este resultado. El estudiante mejora el código cambiando algunas etiquetas y agregando estilos CSS para cada elemento, logrando el aspecto requerido.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    22 vistas5 páginas

    Richard Inzunza Osses Tarea5

    Cargado por

    Ivan Inzunza Osses
    El documento describe una tarea para mejorar el código HTML y CSS de un libro digital. Se proporciona el código HTML inicial y una imagen de cómo se verá el resultado final. La tarea es determinar las reglas CSS necesarias para lograr este resultado. El estudiante mejora el código cambiando algunas etiquetas y agregando estilos CSS para cada elemento, logrando el aspecto requerido.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    TAREA SEMANA 5

    Richard Ivan Inzunza Osses

    Programación Web I

    Instituto IACC

    28 de junio de 2021
    DESARROLLO DE LA TAREA:

    Un importante autor le solicita que realice el diseño de su nuevo libro, el que se alojará en

    formato digital. Por lo anterior, le ha pedido una pequeña demostración de cómo se visualizará.

    Para ello, le entrega el código que realizó otra persona, la que no fue responsable y por tanto, no

    finalizó el prototipo.

     A partir del código HTML proporcionado que se presenta aquí:


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
    <title>Libro de ejercicios</title>
    <style type="text/css">
    </style>
    </head>
    <body>
    <div>
    &laquo; Capítulo 1 &nbsp; Capítulo 3 &raquo;
    </div>
    <p>Capítulo dos</p>
    <p>Este es el contenido del capítulo 2 de este interesante libro </p>
    <p >Verás que es tan interesante como el primero</p>
    </body>
    </html>

    Determine el conjunto de reglas CSS necesarias para que el resultado sea similar al mostrado en

    la siguiente imagen:
    Los selectores utilizados son de tipo o de etiqueta:

    Selecciona todos los elementos de la página, cuya etiqueta HTML coincide con el valor del

    selector. Basta con indicar el nombre de una etiqueta HTML (sin los caracteres < y >).

    El código mejorado para que la pagina este de acuerdo a lo requerido por el cliente es el

    siguiente:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
    <title>Libro de ejercicios</title>
    <style type="text/css">
    body { background: black; }
    div {background: rgb(107, 158, 161);}
    h1 { color:blue; }
    h2 { color: green; }
    </style>
    </head>
    <body>
    <div>
    &laquo; Capítulo 1 &nbsp; Capítulo 3 &raquo;
    </div>
    <h1>Capítulo dos</h1>
    <h2>Este es el contenido del capítulo 2 de este interesante libro </h2>
    <h2 >Verás que es tan interesante como el primero</h2>
    </body>
    </html>
    Explicación:

    Se cambian los nombres de algunas etiquetas para posteriormente asignarle las propiedades a
    cada una por separada. El cambio anterior permite llegar al resultado requerido por el cliente.

    Bibliografía

     IACC (2020 ). Hojas de estilo en cascada (CSS) II . Programación Web I . Semana 5

    También podría gustarte