Exercice HTML corrigé les propriétés sur les textes

<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>

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *