cicesTP1/html/exercice00.html 1/1 1 2 3 4 5 6 7 8 9 10 11 12 13 14
Transcription
cicesTP1/html/exercice00.html 1/1 1 2 3 4 5 6 7 8 9 10 11 12 13 14
cicesTP1/html/exercice00.html 1/1 1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html 3 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 4 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 5 6 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 7 <head> 8 <title>concave et convexe </title> 9 <link rel="stylesheet" type="text/css" href="../css/exercice00.css" /> 10 </head> 11 <body> 12 13 <p> 14 15 <span class="exposant">i 16 17 <span class="exposant">n 18 19 <span class="exposant">t 20 21 <span class="exposant">e 22 <span class="exposant">r 23 24 <span class="exposant">n 25 26 <span class="exposant">e 27 28 <span class="exposant">t 29 30 </span>e 31 32 </span>x 33 34 </span>p 35 36 </span>l 37 38 </span>o 39 40 </span>r 41 42 </span> 43 44 er 45 46 </span> 47 48 </p> 49 50 51 52 </body> 53 </html> cicesTP1/css/exercice00.css 1/1 1 .exposant{ 2 vertical-align: super color: 3 font-size: 1cm 4 } cicesTP1/html/exercice01.html 1/1 1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html 3 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 4 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 5 6 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 7 <head> 8 <title>concave et convexe </title> 9 <link rel="stylesheet" type="text/css" href="../css/exercice01.css" /> 10 </head> 11 <body> 12 13 <p> 14 15 <span id="span1">C</span> 16 17 <span id="span2">o</span> 18 19 <span id="span3">n</span> 20 21 <span id="span4">c</span> 22 23 <span id="span5">a</span> 24 25 <span id="span6">v</span> 26 27 <span id="span7">e</span> 28 29 <br /> 30 31 <br /> 32 33 <span id="span8">C</span> 34 35 <span id="span9">o</span> 36 37 <span id="span10">u</span> 38 39 <span id="span11">l</span> 40 41 <span id="span12">e</span> 42 43 <span id="span13">u</span> 44 45 <span id="span14">r</span> 46 47 </p> 48 49 <p> 50 <a href= > 51 <img style="border width:88px height:31px" 52 src="http://css-validator.org/images/vcss.png" 53 alt= /> 54 </a> 55 </p> 56 57 <p> 58 <a href= > 59 <img style="border width:88px height:31px" 60 src= 61 alt= /> 62 </a> 63 </p> 64 65 </body> 66 </html> cicesTP1/css/exercice01.css 1/1 1 # {font-size : 7em} 2 3 # {font-size : 6em} 4 5 # {font-size : 5em} 6 7 # {font-size : 4em} 8 9 # {font-size : 5em} 10 11 # {font-size : 6em} 12 13 # {font-size : 7em} 14 15 16 17 # {font-size : 7em color: 18 19 # {font-size : 7em color: 20 21 # {font-size : 7em color: 22 23 # {font-size : 7em color: 24 25 # {font-size : 7em color: 26 27 # {font-size : 7em color: 28 29 # {font-size : 7em color: } } } } } } } cicesTP1/html/exercice02.html 1/1 1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html 3 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 4 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 5 6 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 7 <head> 8 <title>concave et convexe </title> 9 <link rel="stylesheet" type="text/css" href="../css/exercice02.css" /> 10 </head> 11 <body> 12 13 <p> 14 Le texte en <span id="span0">caract res gras</span><br /> 15 16 17 18 Le texte en <span id="span1">caract s soulign s</span><br /> 19 20 Le texte en caract res <span id="span2"> </span><br /> 21 22 Le texte en caract res <span id="span3">ray s</span><br /> 23 24 Le texte en caract res <span id="span4">plus gros</span><br /> 25 26 27 28 Le texte en caract res <span id="span5">plus petits</span><br /> 29 30 Le texte en caract res <span id="span6">exposant</span><br /> 31 32 Le texte en caract res <span id="span7">indice</span><br /> 33 34 Le texte en caract res <span id="span8">espac s</span><br /> 35 36 </p> 37 38 <p> 39 <a href= > 40 <img style="border width:88px height:31px" 41 src="http://css-validator.org/images/vcss.png" 42 alt= /> 43 </a> 44 </p> 45 46 <p> 47 <a href= > 48 <img style="border width:88px height:31px" 49 src= 50 alt= /> 51 </a> 52 </p> 53 54 </body> 55 </html> cicesTP1/css/exercice02.css 1/1 1 p{ 2 word-spacing : 15px 3 letter-spacing: 2px 4 } 5 { 6 font-weight: 900 7 } 8 #span1{ 9 text-decoration:underline 10 } 11 #span2{ 12 font-style:italic 13 color: red 14 } 15 #span3{ 16 text-decoration:line-through 17 } 18 #span4{ 19 font-size:xx-large 20 } 21 #span5{ 22 font-size:xx-small 23 } 24 #span6{ 25 vertical-align:super 26 } 27 #span7{ 28 vertical-align: 29 } 30 #span8{ 31 letter-spacing : 15px 32 } 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 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>concave et convexe </title> <link rel="stylesheet" type="text/css" href= </head> <body> <h1> /> </h1> <hr /> <p> <span class="class5">Pr <span id="span2"> nom :</span> </span><br /> <span class="class5"> <span id="span4"> <span class="class5"> </span> </span><br /> </span> </p> <blockquote> <address> 12 rue du Pont<br /> </address> </blockquote> <address><span class="class5">Courriel : </span> <hr id="hr1" /> <p id="p1"> <span id="span7">Etudes suivies :</span> <!-- si pas margin fait on met <br /><br /><br /><br /> --> </p> <hr id="hr2" /> <p> <span id="span8"> <br /><br /><br /> </p> </span> </address> 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 <p> <a href= > <img style="border width:88px height:31px" src="http://css-validator.org/images/vcss.png" alt= /> </a> </p> <p> <a href= <img style="border src= alt= </a> </p> </body> </html> > width:88px height:31px" /> 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 b { b } h1{ t !t":center t !t t" : underline } #p1{ m"bttm: 2cm color:white } #hr1{ width : height : 10px } b #hr2{ width : height : 10px } b #span2{ ft$"% :13pt ft$t : italic } #span4{ ft$"% :13pt ft$t : italic } .$$&{ ft$"% :15pt ft' "(t : } )$*+{ ft$"% :15pt m" ft : t !t t" : underline ft' "(t : } #span8{ m" ft : ft$"% :15pt t !t t" : underline ft' "(t : }