Exercice HTML: Les propriétés sur les textes
Rédigé par GC Team, Publié le 10 Janvier 2012, Mise à jour le Jeudi, 15 Décembre 2022 18:43![](/images/thumb/147/default.png)
Participez au vote ☆☆☆☆☆★★★★★
´EcrivezlecodeXHTMLpermettantder´ealiserlapagerepr´esent´eesurla?gureci-dessous.:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<html> <head> <title>document utilisant CSS2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="document-css2.css"> </head> <body> <h1 class="rouge"> titre de niveau 1</h1> <h2 class="grasRouge">titre de niveau 2</h2> <h3 class="premiere">titre de niveau 3</h3> <p class="grasRouge"> le seul paragraphe du document</p> <p class="premiere" id="vert"> le seul paragraphe du document</p> <table align="center" border=6 cellpadding=6 cellspacing="auto"> <caption align="center" class="premiere">les propriétés sur les textes</caption> <th align="center">mode CSS</th><th align="center">réglage</th> <tr><td>font-size</th><td>taille des caractères</td></tr> <tr><td>font-style</th><td>normal ou italique</td></tr> <tr><td>font-family</th><td>empattement, proportionnalité</td></tr> <tr><td>font-weight</th><td>graisse des caractères</td></tr> <tr><td>font-height</th><td>interligne</td></tr> <tr><td>text-align</th><td>alignement, justification</td></tr> <tr><td>text-indent</th><td>décalage première ligne</td></tr> <tr><td>text-transform</th><td>capitalisation, casse</td></tr> </table> <BR> <table align="center" border=6 cellpadding=6 cellspacing="auto"> <caption align="center" class="premiere">la manipulation des blocs</caption> <th align="center">mode CSS</th><th align="center">réglage</th> <tr><td>margin-right</th><td>marge à droite</td></tr> <tr><td>margin-left</th><td>marge à gauche</td></tr> <tr><td>margin-top</th><td>marge en haut</td></tr> <tr><td>margin-bottom</th><td>marge en bas</td></tr> <tr><td>padding-right</th><td>blanc à droite</td></tr> <tr><td>padding-left</th><td>blanc à gauche</td></tr> <tr><td>padding-top</th><td>blanc en haut</td></tr> <tr><td>padding-bottom</th><td>blanc en bas</td></tr> </table> </body> </html> |