giloppe/web_2025
1
0
Fork 0
forked from monnerat/web_2025
Code Pull Requests Activity

correction (une) du tp1

Browse Source
This commit is contained in:
Denis Monnerat
2025-11-14 14:03:55 +01:00
parent c9f89b5604
commit bbd7f85129
6 changed files with 215 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
R1.02/tp/tp1/correction/exercice1.html Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="tp1/ex1">
<meta name="author" content="Denis Monnerat">
<title>Exercice 1</title>
</head>
<body>
<p>
Tim Berners-Lee, né le <time datetime="1955-06-08">8 juin 1955</time> à
Londres, est un physicien et informaticien britannique. Il est <em>le
principal inventeur</em> du World Wide Web (WWW), qu'il conçoit au tournant
des années 1990 alors qu'il travaille à l'Organisation européenne pour la
recherche nucléaire (CERN).
</p>
<p>
Le <time datetime="1991-08-06">6 août 1991</time>, il annonce officiellement
le projet <abbr title="world wide web">WWW</abbr>dans un message posté sur
le forum Usenet, en incitant les internautes à utiliser les outils du CERN
afin de créer leur propre site web. Son message commence ainsi :
</p>
<blockquote>
<p>
« Le projet World Wide Web fusionne les techniques d’extraction
d’information et d’hypertexte pour créer un système d’information global,
simple mais puissant. ».
</p>
</blockquote>
<p>
Quelques lignes plus loin, <abbr title="Tim Berners-Lee">TBL</abbr> écrit
<q>« essayez-le »</q> en fournissant l’adresse pour télécharger un
navigateur et l’<abbr title="Uniform Resource Locator">URL</abbr> d’un site
d’essai. C’est la première fois que des utilisateurs d’Internet peuvent
l’utiliser en dehors du <abbr title="conseil européen pour la recherche
nucléaire">CERN</abbr>.
</p>
<p>
En créant le Web, Tim Berners-Lee invente <em>ses trois technologies
fondatrices</em> : les adresses Web sous forme d'<abbr title="Uniform
Resource Locator">URL</abbr>, le protocole de communication <abbr
title="HyperText Transfert Protocol">HTTP</abbr>, et le langage informatique
<abbr title="HyperText Markup Language">HTML</abbr>.
</p>
</body>
</html>

54
R1.02/tp/tp1/correction/exercice2.html Normal file
View File

@@ -0,0 +1,54 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="tp1/ex2">
<meta name="author" content="Denis Monnerat">
<title>Exercice 2</title>
</head>
<body>
<h1>Emoticons</h1>
<p>
Emoticons are textual portrayals of a writer's moods or facial
expressions in the form of icons. Originally, these icons
consisted of ASCII art.
</p>
<p>
Emoticons can generally be divided into two groups: Western (mainly
from America and Europe) or horizontal; Eastern or vertical (mainly
from east Asia).
</p>
<h2>Western</h2>
<p>
Western style emoticons are mostly written from left to right as
though the head is rotated counter-clockwise 90 degrees.
</p>
<ul>
<li>Smiley: <span>:-) :-&gt;</span></li>
<li>Tongue-tied: <span>:-&</span></li>
<li>Broken heart: <span>&lt;\3</span></li>
<li>Rose: <span>@}-&gt;--</span></li>
<li>Fish: <span>&gt;&lt;(((*&gt;</span></li>
</ul>
<h2>Eastern</h2>
<p>
Eastern emoticons generally are not rotated sideways. They first
arose in Japan, where they are referred to as kaomoji.
</p>
<ul>
<li>Troubled: <span>(&gt;_&lt;)</span></li>
<li>Sad: <span>("_")</span></li>
<li>Cat: <span>(=^·^=)</span></li>
<li>Headphones: <span>((d[-_-]b))</span></li>
</ul>
</body>
</html>

40
R1.02/tp/tp1/correction/exercice3.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="tp1/ex3">
<meta name="author" content="Denis Monnerat">
<title>Exercice 3</title>
</head>
<body>
<!-- avec la balise <ul> -->
<h1>Sites</h1>
<ul>
<li>WEB iut : <a target="_blank" href="http://www.iut-fbleau.fr">Site web IUT</a></li>
<li>GIT iut : <a target="_blank" href="https://grond.iut-fbleau.fr/gitiut">Service Git de l'IUT</a></li>
</ul>
<!-- avec la balise <ol> -->
<h1>Sites</h1>
<ol>
<li>WEB iut : <a target="_blank" href="http://www.iut-fbleau.fr">Site web IUT</a></li>
<li>GIT iut : <a target="_blank" href="https://grond.iut-fbleau.fr/gitiut">Service Git de l'IUT</a></li>
</ol>
<!-- avec la balise <dl> -->
<h1>Sites</h1>
<dl>
<dt>WEB iut</dt>
<dd><a target="_blank" href="http://www.iut-fbleau.fr">Site web IUT</a></dd>
<dt>GIT iut</dt>
<dd><a target="_blank" href="https://grond.iut-fbleau.fr/gitiut">Service Git de l'IUT</a></dd>
</dl>
</body>
</html>

50
R1.02/tp/tp1/correction/exercice4.html Normal file
View File

@@ -0,0 +1,50 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="tp1/ex4">
<meta name="author" content="Denis Monnerat">
<title>Exercice 4 </title>
</head>
<body>
<table>
<caption>Orbites des planètes du Système solaire</caption>
<thead>
<tr><th>Planète</th><th>Distance moyenne (UA)</th><th>Exentricité </th><th>Inclinaison  (°)</th><th>Période de révolution (an)</th><th>Photo</th></tr>
</thead>
<tbody>
<tr>
<td>Mercure</td><td>0,38709893</td><td>0,205</td><td>7</td><td>0,241</td><td><img alt="Mercure" src="https://upload.wikimedia.org/wikipedia/commons/3/30/Mercury_in_color_-_Prockter07_centered.jpg" width="100"></td>
</tr>
<tr>
<td>Venus</td><td>0,72333199</td><td>0,007</td><td>3,4</td><td>0,615</td><td><img width="100" alt="Venus" src="https://upload.wikimedia.org/wikipedia/commons/c/c7/PIA23791-Venus-RealAndEnhancedContrastViews-20200608_%28cropped%29.jpg"></td>
</tr>
<tr>
<td>Terre</td><td>1</td><td>0,017</td><td>0</td><td>1</td>
<td><img width="100" alt="Terre" src="https://upload.wikimedia.org/wikipedia/commons/9/97/The_Earth_seen_from_Apollo_17.jpg"></td></tr>
<tr>
<td>Mars</td><td>1,52366231</td><td>0,094</td><td>1,9</td><td>1,881</td><td><img width="100" alt="Mars" src="https://upload.wikimedia.org/wikipedia/commons/0/02/OSIRIS_Mars_true_color.jpg"></td>
</tr>
<tr>
<td>Jupiter</td><td>5,20336301</td><td>0,049</td><td>1,3</td><td>11,862</td>
<td><img src="https://upload.wikimedia.org/wikipedia/commons/7/71/PIA22946-Jupiter-RedSpot-JunoSpacecraft-20190212.jpg" width="100" alt="Jupiter"></td>
</tr>
<tr>
<td>Saturne</td><td>9,6</td><td>0,057</td><td>2,5</td><td>29,452</td>
<td><img src="https://upload.wikimedia.org/wikipedia/commons/c/c7/Saturn_during_Equinox.jpg" width="100" alt="Saturne"></td>
</tr>
<tr>
<td>Uranus</td><td>2872,5</td><td>0,8</td><td>97,8</td><td>30,589</td>
<td><img src="https://upload.wikimedia.org/wikipedia/commons/e/e5/Dark_Spot_on_Uranus.jpg" width="100" alt="Uranus"></td>
</tr>
<tr>
<td>Neptune</td><td>4495,1</td><td>1,8</td><td>28,3</td><td>59,8</td>
<td><img src="https://upload.wikimedia.org/wikipedia/commons/6/63/Neptune_-_Voyager_2_%2829347980845%29_flatten_crop.jpg" width="100" alt="Neptune"></td>
</tr>
</tbody>
</table>
</body>
</html>

23
R1.02/tp/tp1/correction/exercice5.html Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="description" content="tp1/ex5">
<meta name="author" content="Denis Monnerat">
<title>Exercice 5</title>
</head>
<body>
<img src="../img/html_css_js.png" alt="web stack" usemap="#webstack">
<map name="webstack">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:DM -->
<area shape="poly" coords="124,103,183,2,245,106" alt="JS" href="https://developer.mozilla.org/docs/Web/JavaScript">
<area shape="poly" coords="64,208,243,108,301,210" alt="CSS" href="https://developer.mozilla.org/docs/Web/CSS">
<area shape="poly" coords="4,315,305,215,65,215,307,215,362,315" alt="html" href="https://developer.mozilla.org/docs/Web/HTML">
</map>
</body>
</html>