Exercice HTML: TP HTML et feuilles de style externe
Rédigé par GC Team, Publié le 09 Janvier 2012, Mise à jour le Jeudi, 15 Décembre 2022 20:28Participez au vote ☆☆☆☆☆★★★★★
1) Ecrire le code HTML et CSS qui permet de réaliser le tableau suivant:
2) Ecrire le code HTML et CSS "externe" qui permet de réaliser la page suivante:
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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 |
1) HTML HEAD link rel="stylesheet" type="text/css" href="exe1.css" /HEAD BODY TABLE TR TDA /TD TDB /TD TDC /TD /TR TR TDA1 /TD TDB1 /TD TDC1 /TD /TR /TABLE /BODY /html ---------------------------------------------------------------------------- CSS: table { border:2px solid black; margin:auto; } td, tr{ border:1px solid #f02485; text-align:center; width:150px; height:50px; vertical-align:middle; text-align:center;} ------------------------------------------------------------------------------ 2) html head link rel=stylesheet type="text/css" href="test7.css" body H1Le titre EMest/EM important !/H1br p les feuilles de styles/pbr p css /p /body /html ------------------------------------------------------------------------------- CSS: BODY { color: black; background: url(2.gif) white; } p { color:blue; font-family=arial; font-size:18; } |