Correction DS1 </tiltle> <link rel="stylesheet" type="text/css" href="DS1_cor.css" /> </head> <body> <h1>Correction du Devoir Surveillé 1</h1> <div class="exo"> <h2>Exercice 1</h2> <h3>question a</h3> Le HTML a été introduit en 1992 par Tim Bernes-Lee <h3>question b</h3> XHTML est l'acronyme de : eXtensible HyperText Markup Language <h3>question c</h3> Les types de document possibles sont: <ul> <li>XHTML 1.0 transitional : proche de l'HTML autorisant certaines balises de présentation</li> <li>XHTML 1.0 strict : plus proche de l'XML n'autorisant pas les balises de présentation</li> <li>XHTML 1.0 frameset : pour concevoir des pages avec des cadres</li> </ul> <h3>question d</h3> Il faut utiliser la balise a pour repèrer une position dans le texte (ancre) de la manière suivante: <pre> <a name="rep1">position</a> </pre> L'identifiant de l'attribut name doit être unique.<br /> Ensuite, il est possible de faire référence à cette ancre de la manière suivante: <pre> <a href="#rep1">va en position</a> </pre> <h3>question e</h3> Voici un exemple insérant le fichier mer.jpg <pre> <img src="mer.jpg" alt=""/> </pre> Les formats possibles avec la balise img sont jpeg, giff et png. <h3>question f</h3> Voici un exemple d'insérant le fichier MOV00621.3GP : <pre> <object data="MOV00621.3GP" title="jusqu'ici" type="video/3gpp" standby="la video arrive" width="320" height="255"> ben alors ? </object> </pre> </div> <div class="exo"> <h2>Exercice 2 : listes</h2> <h3>question a</h3> Voir le code XHTML de cette page. <ol> <li>une liste utile se compose : <ol> <li>d'au moins de deux items</li> <li>d'une cohérence</li> <li>et c'est tout</li> </ol> </li> <li>une liste inutile se compose : <ol> <li>d'absence de sens</li> <li>de délire à lire</li> </ol> </li> </ol> <h3>question b</h3> voir la feuille de style DS1_cor.css, mais il faut enlever l'indentifiant listeB dans le sélecteur. <ol id="listeB"> <li>une liste utile se compose : <ol> <li>d'au moins de deux items</li> <li>d'une cohérence</li> <li>et c'est tout</li> </ol> </li> <li>une liste inutile se compose : <ol> <li>d'absence de sens</li> <li>de délire à lire</li> </ol> </li> </ol> </div> <div class="exo"> <h2>Exercice 3</h2> Voir le code XHTML de cette page. <table border="2px"> <colgroup id="design" span="2"> </colgroup> <colgroup id="prix" span="2"> </colgroup> <thead> <tr> <th></th> <th>Désignation</th> <th>Quantité</th> <th>Prix</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td rowspan="3">produits</td> <td>Pain</td> <td>200</td> <td>0.80</td> <td>160</td> </tr> <tr> <td>Beurre</td> <td>10</td> <td>3.10</td> <td>31</td> </tr> </tbody> <tfoot> <tr> <td></td> <td>Total</td> <td colspan="2"></td> <td>161</td> </tr> </tfoot> </table> </div> <div class="exo"> <h2>Exercice 4</h2> <h3>question a</h3> Voici au moins trois méthodes pour insérer un style : <ol> <li> <pre> <p style="background-color:yellow"> ben oui c'est yellow. </p> </pre> </li> <li> <pre> <style type="text/css"> p { background-color : yellow ; } </style> </pre> </li> <li> <pre> <link rel="stylesheet" type="text/css" href="DS1_cor.css" media="screen" title="mon style unique" /> </pre> </li> <li> <pre> <style type="text/css"> @import url(DS1_cor.css) screen; </style> </pre> </li> </ol> <h3>question b</h3> Voir la feuille de style. <h3>question c</h3> Voir la feuille de style <ol id="menu"> <li>en rouge</li> <li>non vert</li> </ol> La même en non ordonné: <ul id="menu"> <li>en rouge</li> <li>non vert</li> </ul> </div> <div class="exo"> <h2>Exercice 5</h2> Cliquer <a href="page.html">ici</a> pour voir le résultat. </div> </body> </html>