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