Scribd Logo
Upload

Welcome to Scribd!

  • Examen CSS 2019 A PDF

    Uploaded by

    Reapper770
    31 views4 pages

    Original Title

    Examen CSS 2019 A.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    31 views4 pages

    Examen CSS 2019 A PDF

    Uploaded by

    Reapper770

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    A - LLENGUATGES DE MARQUES CURS 2019/20

    NOM:

    1.- Has d'escriure el CSS que face falta per obtindre aquest resultat (3 punts):

    Aci tens el codi en XHTML:

    <html>
    <head>
    <title>Ejemplo de tres columnas con CSS</title>
    <style type="text/css">
    .....
    </style>

    </head>

    <body>
    <div id="columna_esquerra">
    <ul>
    <li> enllaç 1 </li>
    <li>enllaç 2</li>
    <li>enllaç 3</li>
    <li>enllaç 4</li>
    </ul>
    </div>
    <div id="columna_dreta">
    <ul>
    <li> enllaç 1 </li>
    <li>enllaç 2</li>
    <li>enllaç 3</li>
    <li>enllaç 4</li>
    </ul>
    </div>
    <div id="columna_central">
    <p>Aci va el</p>
    A - LLENGUATGES DE MARQUES CURS 2019/20
    NOM:

    <p>text principal</p>
    <p>que deuria</p>
    <p>ser molt, molt</p>
    <p>llarg.</p>
    <p>I açò és una frase molt llarga mogolló de llarga tant llarga tant llarga tant llarga
    que arriba fins al final de la línia per veure fins on arriba i on es parteix ja que és
    important saber i veure el que passa quan arriba al final de la línia per veure si es
    monta o no es monta amb la columna de la dreta que CSS sol fer aquestes coses
    i si has llegit fins ací sense ofegar-te és que tens uns bons pulmons i fi.</p>
    </div>
    </body>
    </html>

    2.- A partir d'aquest codi en XHTML has d'obtindre la pàgina que hi ha en la imatge següent, pots
    anyadir identificadors o classes (3,5 punts):

    <body>
    <h1 >Encabezado h1</h1>

    <h2 >Encabezado h2 numero 1</h2>

    <h2 >Encabezado h2 numero 2</h2>

    <h4 >Encabezado h4 (me he equivocado y por eso lo he tachado)</h4>

    <p><a href="http://www.ejemplode.com"> Enlace <strong>sin</strong> subrayado con el "sin" en


    rojo y en negrita</a></p>

    <p>El tipo de letra que estoy usando es 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; con un
    color de fondo C0D9D9</p>

    <p >Es mejor que utilices varios párrafos y que cada línea esté en un
    párrafo</p>

    <p >Así observaras que todo esta centrado.</p>

    <p >y también que este párrafo es de color verde y para ello utilizo una
    clase.</p>
    </body>
    A - LLENGUATGES DE MARQUES CURS 2019/20
    NOM:

    3.- Teniu disponible una pàgina HTML. Heu de modificar el codi al vostre gust, però
    incloent, com a mínim, canvis als següents elements (3,5 punts):
    – Fons de la pàgina (imatge de fons).
    – Aspecte (color i tamany) de la primera lletra de cada paràgraf, cada un ha de ser
    diferent.
    – Color i tamany del text.
    – Alineació del text.
    – Aspecte dels enllaços.
    – El padding del titol h1.
    – El borde del párrafo que contiene el link.

    El resultat ha d'anar suficientment comentat, explicant quin efecte es vol


    aconseguir.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Exemple de CSS</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">

    ...

    </style>
    </head>
    <body>
    <h1 class="titol">Titol de la pàgina</h1>
    <p class="introduccio">Aquesta és una pàgina de prova, on podeu
    modificar el full d'estil CSS, de manera que el seu aspecte es vegi
    modificat. </p>
    <hr />
    <p class="cos">Aquest seria el cos del text. El podeu formatejar
    adequadament editant el full d'estils.</p>
    <p class="link"><a href="http://www.iesjaumei.es">IES Jaume I</a>
    A - LLENGUATGES DE MARQUES CURS 2019/20
    NOM:

    </p>
    </body>
    </html>

    You might also like