From 7d81beb8bb6750b9be913f04ce0881456fb400df Mon Sep 17 00:00:00 2001 From: Denis Monnerat Date: Sun, 23 Nov 2025 11:00:46 +0100 Subject: [PATCH] une correction du tp2 --- R1.02/tp/tp2/README.md | 2 + R1.02/tp/tp2/correction/exercice1.html | 105 +++++++++++++++++++++++++ R1.02/tp/tp2/correction/exercice2.html | 83 +++++++++++++++++++ R1.02/tp/tp2/correction/exercice3.html | 85 ++++++++++++++++++++ R1.02/tp/tp2/correction/exercice4.html | 53 +++++++++++++ R1.02/tp/tp2/correction/exercice5.html | 85 ++++++++++++++++++++ R1.02/tp/tp2/correction/exercice6.html | 20 +++++ R1.02/tp/tp2/correction/style4.css | 21 +++++ R1.02/tp/tp2/correction/style5.css | 26 ++++++ R1.02/tp/tp2/correction/style6.css | 9 +++ 10 files changed, 489 insertions(+) create mode 100644 R1.02/tp/tp2/correction/exercice1.html create mode 100644 R1.02/tp/tp2/correction/exercice2.html create mode 100644 R1.02/tp/tp2/correction/exercice3.html create mode 100644 R1.02/tp/tp2/correction/exercice4.html create mode 100644 R1.02/tp/tp2/correction/exercice5.html create mode 100644 R1.02/tp/tp2/correction/exercice6.html create mode 100644 R1.02/tp/tp2/correction/style4.css create mode 100644 R1.02/tp/tp2/correction/style5.css create mode 100644 R1.02/tp/tp2/correction/style6.css diff --git a/R1.02/tp/tp2/README.md b/R1.02/tp/tp2/README.md index 7211d6d..937283d 100644 --- a/R1.02/tp/tp2/README.md +++ b/R1.02/tp/tp2/README.md @@ -1,5 +1,7 @@ > Vous trouverez une correction du tp1 [ici](../tp1/correction). +> Vous trouverez une correction du tp2 [ici](../tp2/correction). + # TP HTML/CSS - partie 1 : [html](#liens) diff --git a/R1.02/tp/tp2/correction/exercice1.html b/R1.02/tp/tp2/correction/exercice1.html new file mode 100644 index 0000000..3a28a33 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice1.html @@ -0,0 +1,105 @@ + + + + + Laws of Cartoon Physics + + + +

+ Laws of Cartoon Physics + by Mark O'Donnell +

+ +

Cartoon Law I (top)

+

+ Any body suspended in space will remain suspended in space until made aware of + its situation. A character steps off a cliff but remains in midair until looking + down, then the familiar principle of 16 feet per second squared takes over. +

+ +

Cartoon Law II (top)

+

+ A body passing through solid matter will leave a perforation conforming to its + perimeter called the silhouette of passage. +

+ +

Cartoon Law III (top)

+

+ The time required for an object to fall 20 stories is greater than or equal to + the time it takes for whoever knocked it off the ledge to spiral down 20 flights + to attempt to capture it unbroken. Such an object is inevitably priceless; the + attempt to capture it, inevitably unsuccessful. +

+ +

Cartoon Law IV (top)

+

+ All principles of gravity are negated by fear. +

+ +

Cartoon Law V (top)

+

+ Psychic forces are sufficient in most bodies for a shock to propel them directly + away from the ground. A spooky noise or an adversary's signature sound will + introduce motion upward, usually to the cradle of a chandelier, a treetop or the + crest of a flagpole. +

+ +

Cartoon Law VI (top)

+

+ The feet of a running character or the wheels of a speeding auto need never + touch the ground, ergo fleeing turns to flight. +

+ +

Cartoon Law VII (top)

+

+ As speed increases, objects can be in several places at once. +

+ +

Cartoon Law VIII (top)

+

+ A painted tunnel entrance may or may not be traversable +

+ +

Cartoon Law IX (top)

+

+ Certain bodies can pass through a solid wall painted to resemble tunnel + entrances; others cannot. ... Whoever paints an entrance on a wall's surface to + trick an opponent will be unable to pursue him into this theoretical space. The + painter is flattened against the wall when he attempts to follow into the + painting. This is ultimately a problem of art, not science. +

+ +

Cartoon Law X (top)

+

+ Any violent rearrangement of feline matter is impermanent. Cartoon cats can be + sliced, splayed, accordion-pleated, spindled or disassembled, but they cannot be + destroyed. After a few moments of blinking self-pity, they reinflate, elongate, + snap back or solidify. +

+ +

Cartoon Law XI (top)

+

+ Everything falls faster than an anvil. +

+ + diff --git a/R1.02/tp/tp2/correction/exercice2.html b/R1.02/tp/tp2/correction/exercice2.html new file mode 100644 index 0000000..8d775ce --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice2.html @@ -0,0 +1,83 @@ + + + + + Exercice 2 + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ + diff --git a/R1.02/tp/tp2/correction/exercice3.html b/R1.02/tp/tp2/correction/exercice3.html new file mode 100644 index 0000000..e20fbf4 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice3.html @@ -0,0 +1,85 @@ + + + + + Exercice 3 + + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ + + diff --git a/R1.02/tp/tp2/correction/exercice4.html b/R1.02/tp/tp2/correction/exercice4.html new file mode 100644 index 0000000..7a6851d --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice4.html @@ -0,0 +1,53 @@ + + + + + + Exercice 4 + + + +

Emoticons

+ +

+ Emoticons are textual portrayals of a writer's moods or facial + expressions in the form of icons. Originally, these icons + consisted of ASCII art. +

+ +

+ Emoticons can generally be divided into two groups: Western (mainly + from America and Europe) or horizontal; Eastern or vertical (mainly + from east Asia). +

+ +

Western

+ +

+ Western style emoticons are mostly written from left to right as + though the head is rotated counter-clockwise 90 degrees. +

+ + + +

Eastern

+ +

+ Eastern emoticons generally are not rotated sideways. They first + arose in Japan, where they are referred to as kaomoji. +

+ + + + diff --git a/R1.02/tp/tp2/correction/exercice5.html b/R1.02/tp/tp2/correction/exercice5.html new file mode 100644 index 0000000..4b7e8a2 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice5.html @@ -0,0 +1,85 @@ + + + + + Exercice 5 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Orbites des planètes du Système solaire
PlanèteDistance moyenne (UA)Exentricité Inclinaison  (°)Période de révolution (an)
Mercure0,387098930,20570,241
Venus0,723331990,0073,40,615
Terre10,01701
Mars1,523662310,0941,91,881
Jupiter5,203363010,0491,311,862
Saturne9,60,0572,529,452
Uranus2872,50,897,830,589
Neptune4495,11,828,359,8
+ + diff --git a/R1.02/tp/tp2/correction/exercice6.html b/R1.02/tp/tp2/correction/exercice6.html new file mode 100644 index 0000000..4ac5224 --- /dev/null +++ b/R1.02/tp/tp2/correction/exercice6.html @@ -0,0 +1,20 @@ + + + + + + Exercice 6 + + + + + + + + + + + +
+ + diff --git a/R1.02/tp/tp2/correction/style4.css b/R1.02/tp/tp2/correction/style4.css new file mode 100644 index 0000000..ae629ba --- /dev/null +++ b/R1.02/tp/tp2/correction/style4.css @@ -0,0 +1,21 @@ +body { + font-family:sans-serif; +} + +h1 { + font-variant:small-caps; + text-decoration : underline; +} + +h2 { + background-color:#aaaaaa; + padding : 10px; + font-style:italic; +} + +span { + font-family: monospace; + font-weight:bold; + color : #aa4512; +} + diff --git a/R1.02/tp/tp2/correction/style5.css b/R1.02/tp/tp2/correction/style5.css new file mode 100644 index 0000000..34c07f5 --- /dev/null +++ b/R1.02/tp/tp2/correction/style5.css @@ -0,0 +1,26 @@ +table { + font-family: sans-serif; + border-collapse: collapse; + margin : auto; + width:700px; +} +table caption { + + font-weight: bold; + font-variant: small-caps; + +} + +th { + border-bottom: 3px solid black; + border-top: 3px solid black; + text-align: left; + font-weight: bold; + font-variant: small-caps; +} + +td { + border-bottom: 1px solid lightgray; + text-align: left; +} + diff --git a/R1.02/tp/tp2/correction/style6.css b/R1.02/tp/tp2/correction/style6.css new file mode 100644 index 0000000..a54f611 --- /dev/null +++ b/R1.02/tp/tp2/correction/style6.css @@ -0,0 +1,9 @@ +table { + border-collapse: collapse; +} +td { + border:1px solid black; + width:50px; + height:50px; +} +