correction tp1

This commit is contained in:
Denis Monnerat 2024-11-25 10:03:16 +01:00
parent 5b633f66cd
commit 892a889a22
5 changed files with 190 additions and 0 deletions

View File

@ -0,0 +1,23 @@
<!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>
<h1>Le W3C</h1>
<p>
Le <abbr title="World Wide Web Consortium">W3C</abbr> est un consortium créé
le <time datetime="1994-10-01">1<sup>er</sup> octobre 1994</time> par Tim Berners-Lee,
<em>principal inventeur</em> du World Wide Web en <time datetime="1989">1989</time>, pour promouvoir
la compatibilité et donc la normalisation des technologies du World Wide Web. Avant le
<abbr title="World Wide Web Consortium">W3C</abbr>, c'était l'<abbr title="Internet Engineering Task Force">IETF</abbr>,
un autre organisme important de l'Internet, qui était en charge de cette mission.
</p>
<p>
Le <abbr title="World Wide Web Consortium">W3C</abbr> a par exemple standardisé les technologies <abbr title="Hyper Text Markup Language">HTML</abbr> et <abbr title="Extensible Markup Language">XML</abbr>.
</p>
</body>
</html>

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>

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>

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>

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>