Exercice HTML: Les Balises DIV et SPAN
Rédigé par BENKIRANE Fatima Ezzahra, Publié le 09 Janvier 2012, Mise à jour le Dimanche, 30 Août 2020 04:08Participez au vote ☆☆☆☆☆★★★★★
Ecrire le Code 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 |
HTML> HEAD> TITLE>utilisation balises DIV et SPAN</<ahref="http://december.com/html/4/element/title.html">TITLE> <<ahref="http://december.com/html/4/element/style.html">STYLE> BODY {BACKGROUND-COLOR:#6699CC;BACKGROUND-POSITION:0% 0%;COLOR:rgb(0,0,0);MARGIN-LEFT:10px} .motif1 {BACKGROUND-COLOR:#ffcc66;FONT-SIZE:100px} .motif2 {BACKGROUND-COLOR:#9933cc;FONT-SIZE:100px} .motif3 {BACKGROUND-COLOR:blue;FONT-SIZE:100px} .trait {position: absolute;top:420px;left:10px} .taillefont {FONT-SIZE:100px} .posi1 {position:absolute;top:60px;left:10px} .posi2 {position:absolute;top:60px;left:140.posi3 {position:absolute;top:220px;left:140px} /<ahref="http://december.com/html/4/element/style.html">STYLE> ahref="http://december.com/html/4/element/meta.html">META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> l">HEAD> BODY> ENTER> <<aB>Utilisations des balises DIV et SPAN<<>BR> ( images remplacées par des caractères de la fonte Webdings )</<aB></<ahref="http://december.com/html/4/element/center.html">CENTER> <ahref="http://december.com/html/4/element/hr.html">HR><<>BR> <<DIV class="posi1"><<aB>3 blocs DIV <<>BR>(saut de ligne) </<aB><<>BR><<>BR> =FONT face=webdings size=7> <<DIV class="motif1"> K </<DIV> <<DIV class="motif1"> E </<DIV> <<DIV class="motif1"> R </<DIV></<aFONT><<>BR></<DIV> <<DIV class="posi2"> <<>BR><<aB>3 éléments SPAN ( pas de saut de ligne )</<aB> <<>BR><<>BR> =FONT face=webdings size=7> <>SPAN class="motif2">K</>SPAN><>SPAN class="motif2">E</>SPAN><>SPAN class="motif2">R</>SPAN> </<aFONT><<>BR><<ahref="http://december.com/html/4/element/hr.html">HR><<>BR></<DIV>. =http://december.com/html/4/element/b.html">B>DIV et SPAN utilsés ensemble : </<aB><<>BR><<>BR> =FONT face=webdings size=7> <<DIV class="taillefont">KE<>SPAN class="motif3">JT</>SPAN>ER</<DIV></<aFONT>DIV><<ahref="http://december.com/html/4/element/img.html">IMG src="../images/barre2.gif"></<DIV> </<DIV> <<ahref="http://december.com/html/4/element/hr.html">HR class="trait"> BODY> </<ahref="http://december.com/html/4/element/html.html">HTML> |