forked from monnerat/web_2025
correction (une) du tp1
This commit is contained in:
@@ -7,6 +7,7 @@
|
||||
|
||||
> Une [aide](./aide.md) pour le tp.
|
||||
|
||||
> Une [correction](./correction) du tp.
|
||||
|
||||
## Correction de la syntaxe, et validation
|
||||
### Exercice 0
|
||||
|
||||
47
R1.02/tp/tp1/correction/exercice1.html
Normal file
47
R1.02/tp/tp1/correction/exercice1.html
Normal 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
54
R1.02/tp/tp1/correction/exercice2.html
Normal 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>:-) :-></span></li>
|
||||
<li>Tongue-tied: <span>:-&</span></li>
|
||||
<li>Broken heart: <span><\3</span></li>
|
||||
<li>Rose: <span>@}->--</span></li>
|
||||
<li>Fish: <span>><(((*></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>(>_<)</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
40
R1.02/tp/tp1/correction/exercice3.html
Normal 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
50
R1.02/tp/tp1/correction/exercice4.html
Normal 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
23
R1.02/tp/tp1/correction/exercice5.html
Normal 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>
|
||||
Reference in New Issue
Block a user