HTML
This commit is contained in:
parent
2422bc0368
commit
36a670a871
19
HTML/TP02/exercice1-bis.html
Normal file
19
HTML/TP02/exercice1-bis.html
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="FR-fr">
|
||||||
|
<head>
|
||||||
|
<title>Lorem Ipsum</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Mon deuxième article de blog</h1>
|
||||||
|
<h2 id="partie-1">Ma première partie</h2>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis, est sit amet pellentesque feugiat, tortor ex bibendum ante, non luctus mauris nisi eget leo. Vestibulum justo enim, imperdiet vitae fermentum nec, pellentesque vitae nisl. Pellentesque placerat risus non massa mattis dignissim. In non venenatis diam. Donec sit amet finibus arcu. Nunc elit enim, convallis ut ex ac, euismod congue risus. Suspendisse nibh lectus, facilisis eu commodo at, luctus at urna. Aenean laoreet elit sit amet rhoncus viverra. Sed porta purus a rutrum iaculis. Nunc commodo ex urna, ac faucibus odio posuere vitae. Nam pellentesque tellus eget risus pharetra imperdiet. Maecenas semper feugiat lectus sed rutrum. Cras imperdiet ligula eu ornare bibendum. Phasellus semper arcu quis ex viverra, nec pharetra nunc porttitor. Vivamus tempor tortor metus, vel ornare diam malesuada sit amet. In hac habitasse platea dictumst.</p>
|
||||||
|
|
||||||
|
<p>Nullam sollicitudin lectus eget vestibulum ullamcorper. Fusce non sagittis tortor, in aliquet quam. Nunc convallis lacinia risus id mollis. Praesent enim ex, consectetur et aliquet ac, commodo quis arcu. In faucibus posuere sollicitudin. Fusce ultricies mi sed aliquet ultricies. Cras tempor nunc diam, sed gravida nisl facilisis vitae. Morbi condimentum sodales ex, eu ultricies risus. Integer tincidunt orci ut felis tempus, eu ullamcorper urna imperdiet. Curabitur lectus ante, lobortis vitae pretium a, sodales non sapien. Duis mollis convallis mollis. Nunc pellentesque nisl vel justo placerat porta. Mauris commodo mauris sed felis sagittis, vel commodo diam dictum. Duis iaculis vel sapien eu volutpat. Quisque nec finibus augue.</p>
|
||||||
|
|
||||||
|
<p>Etiam posuere auctor diam eu hendrerit. Aenean vulputate lectus laoreet mi condimentum, eu iaculis ipsum scelerisque. Pellentesque porta nec odio fermentum sodales. Vestibulum id hendrerit sem, at viverra turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam tristique non turpis at auctor. Aenean mattis augue dui, sed sodales elit facilisis sed. Quisque finibus cursus dui. Duis rutrum lectus in ullamcorper lobortis. Ut interdum turpis eu tortor accumsan, at molestie velit tincidunt. Aliquam erat volutpat. Vestibulum convallis pharetra quam sagittis pellentesque. Maecenas euismod libero orci, ac laoreet felis laoreet in. Curabitur at dui neque.</p>
|
||||||
|
|
||||||
|
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vehicula ex eu odio efficitur, in rutrum arcu pulvinar. Donec blandit semper est a suscipit. Quisque maximus felis a elit tempor, vitae ultrices quam laoreet. In in luctus mauris, ut tincidunt nulla. Sed a ipsum fringilla, tincidunt tortor ac, porttitor sapien. Quisque ultrices dignissim dui, ut congue nisi pharetra sit amet. Morbi id feugiat mi, non bibendum lorem. Donec mauris augue, vulputate non nisi non, ultricies faucibus magna. Nam in eleifend magna. Phasellus ac odio pulvinar, dictum ipsum id, tempus turpis. Vestibulum id nibh risus.</p>
|
||||||
|
|
||||||
|
<p>Duis sollicitudin mollis sollicitudin. Vestibulum consequat maximus eros et efficitur. Nulla porttitor blandit nisl aliquam tincidunt. Duis gravida id lacus eu condimentum. Pellentesque faucibus varius erat vitae blandit. Etiam efficitur dolor in velit hendrerit, id elementum arcu rutrum. Vivamus fermentum justo quis felis sagittis pharetra. Proin lacus dui, sollicitudin tempor augue a, suscipit suscipit purus. Ut sit amet euismod lorem. Sed sit amet dignissim dolor. Integer at neque consequat, varius metus vitae, rhoncus massa. </p>
|
||||||
|
</body>
|
||||||
|
</html>
|
36
HTML/TP02/exercice1.html
Normal file
36
HTML/TP02/exercice1.html
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="FR-fr">
|
||||||
|
<head>
|
||||||
|
<title>Lorem Ipsum</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href="#partie-1">Partie 1</a>
|
||||||
|
<br>
|
||||||
|
<a href="#partie-2">Partie 2</a>
|
||||||
|
<br>
|
||||||
|
<a href="../exercice1-bis.html/#partie-1">Partie 3</a>
|
||||||
|
|
||||||
|
<h1>Mon article de blog</h1>
|
||||||
|
<h2 id="partie-1">Ma première partie</h2>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis, est sit amet pellentesque feugiat, tortor ex bibendum ante, non luctus mauris nisi eget leo. Vestibulum justo enim, imperdiet vitae fermentum nec, pellentesque vitae nisl. Pellentesque placerat risus non massa mattis dignissim. In non venenatis diam. Donec sit amet finibus arcu. Nunc elit enim, convallis ut ex ac, euismod congue risus. Suspendisse nibh lectus, facilisis eu commodo at, luctus at urna. Aenean laoreet elit sit amet rhoncus viverra. Sed porta purus a rutrum iaculis. Nunc commodo ex urna, ac faucibus odio posuere vitae. Nam pellentesque tellus eget risus pharetra imperdiet. Maecenas semper feugiat lectus sed rutrum. Cras imperdiet ligula eu ornare bibendum. Phasellus semper arcu quis ex viverra, nec pharetra nunc porttitor. Vivamus tempor tortor metus, vel ornare diam malesuada sit amet. In hac habitasse platea dictumst.</p>
|
||||||
|
|
||||||
|
<p>Nullam sollicitudin lectus eget vestibulum ullamcorper. Fusce non sagittis tortor, in aliquet quam. Nunc convallis lacinia risus id mollis. Praesent enim ex, consectetur et aliquet ac, commodo quis arcu. In faucibus posuere sollicitudin. Fusce ultricies mi sed aliquet ultricies. Cras tempor nunc diam, sed gravida nisl facilisis vitae. Morbi condimentum sodales ex, eu ultricies risus. Integer tincidunt orci ut felis tempus, eu ullamcorper urna imperdiet. Curabitur lectus ante, lobortis vitae pretium a, sodales non sapien. Duis mollis convallis mollis. Nunc pellentesque nisl vel justo placerat porta. Mauris commodo mauris sed felis sagittis, vel commodo diam dictum. Duis iaculis vel sapien eu volutpat. Quisque nec finibus augue.</p>
|
||||||
|
|
||||||
|
<p>Etiam posuere auctor diam eu hendrerit. Aenean vulputate lectus laoreet mi condimentum, eu iaculis ipsum scelerisque. Pellentesque porta nec odio fermentum sodales. Vestibulum id hendrerit sem, at viverra turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam tristique non turpis at auctor. Aenean mattis augue dui, sed sodales elit facilisis sed. Quisque finibus cursus dui. Duis rutrum lectus in ullamcorper lobortis. Ut interdum turpis eu tortor accumsan, at molestie velit tincidunt. Aliquam erat volutpat. Vestibulum convallis pharetra quam sagittis pellentesque. Maecenas euismod libero orci, ac laoreet felis laoreet in. Curabitur at dui neque.</p>
|
||||||
|
|
||||||
|
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vehicula ex eu odio efficitur, in rutrum arcu pulvinar. Donec blandit semper est a suscipit. Quisque maximus felis a elit tempor, vitae ultrices quam laoreet. In in luctus mauris, ut tincidunt nulla. Sed a ipsum fringilla, tincidunt tortor ac, porttitor sapien. Quisque ultrices dignissim dui, ut congue nisi pharetra sit amet. Morbi id feugiat mi, non bibendum lorem. Donec mauris augue, vulputate non nisi non, ultricies faucibus magna. Nam in eleifend magna. Phasellus ac odio pulvinar, dictum ipsum id, tempus turpis. Vestibulum id nibh risus.</p>
|
||||||
|
|
||||||
|
<p>Duis sollicitudin mollis sollicitudin. Vestibulum consequat maximus eros et efficitur. Nulla porttitor blandit nisl aliquam tincidunt. Duis gravida id lacus eu condimentum. Pellentesque faucibus varius erat vitae blandit. Etiam efficitur dolor in velit hendrerit, id elementum arcu rutrum. Vivamus fermentum justo quis felis sagittis pharetra. Proin lacus dui, sollicitudin tempor augue a, suscipit suscipit purus. Ut sit amet euismod lorem. Sed sit amet dignissim dolor. Integer at neque consequat, varius metus vitae, rhoncus massa. </p>
|
||||||
|
|
||||||
|
<h2 id="partie-2">Ma deuxième partie</h2>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis, est sit amet pellentesque feugiat, tortor ex bibendum ante, non luctus mauris nisi eget leo. Vestibulum justo enim, imperdiet vitae fermentum nec, pellentesque vitae nisl. Pellentesque placerat risus non massa mattis dignissim. In non venenatis diam. Donec sit amet finibus arcu. Nunc elit enim, convallis ut ex ac, euismod congue risus. Suspendisse nibh lectus, facilisis eu commodo at, luctus at urna. Aenean laoreet elit sit amet rhoncus viverra. Sed porta purus a rutrum iaculis. Nunc commodo ex urna, ac faucibus odio posuere vitae. Nam pellentesque tellus eget risus pharetra imperdiet. Maecenas semper feugiat lectus sed rutrum. Cras imperdiet ligula eu ornare bibendum. Phasellus semper arcu quis ex viverra, nec pharetra nunc porttitor. Vivamus tempor tortor metus, vel ornare diam malesuada sit amet. In hac habitasse platea dictumst.</p>
|
||||||
|
|
||||||
|
<p>Nullam sollicitudin lectus eget vestibulum ullamcorper. Fusce non sagittis tortor, in aliquet quam. Nunc convallis lacinia risus id mollis. Praesent enim ex, consectetur et aliquet ac, commodo quis arcu. In faucibus posuere sollicitudin. Fusce ultricies mi sed aliquet ultricies. Cras tempor nunc diam, sed gravida nisl facilisis vitae. Morbi condimentum sodales ex, eu ultricies risus. Integer tincidunt orci ut felis tempus, eu ullamcorper urna imperdiet. Curabitur lectus ante, lobortis vitae pretium a, sodales non sapien. Duis mollis convallis mollis. Nunc pellentesque nisl vel justo placerat porta. Mauris commodo mauris sed felis sagittis, vel commodo diam dictum. Duis iaculis vel sapien eu volutpat. Quisque nec finibus augue.</p>
|
||||||
|
|
||||||
|
<p>Etiam posuere auctor diam eu hendrerit. Aenean vulputate lectus laoreet mi condimentum, eu iaculis ipsum scelerisque. Pellentesque porta nec odio fermentum sodales. Vestibulum id hendrerit sem, at viverra turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam tristique non turpis at auctor. Aenean mattis augue dui, sed sodales elit facilisis sed. Quisque finibus cursus dui. Duis rutrum lectus in ullamcorper lobortis. Ut interdum turpis eu tortor accumsan, at molestie velit tincidunt. Aliquam erat volutpat. Vestibulum convallis pharetra quam sagittis pellentesque. Maecenas euismod libero orci, ac laoreet felis laoreet in. Curabitur at dui neque.</p>
|
||||||
|
|
||||||
|
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vehicula ex eu odio efficitur, in rutrum arcu pulvinar. Donec blandit semper est a suscipit. Quisque maximus felis a elit tempor, vitae ultrices quam laoreet. In in luctus mauris, ut tincidunt nulla. Sed a ipsum fringilla, tincidunt tortor ac, porttitor sapien. Quisque ultrices dignissim dui, ut congue nisi pharetra sit amet. Morbi id feugiat mi, non bibendum lorem. Donec mauris augue, vulputate non nisi non, ultricies faucibus magna. Nam in eleifend magna. Phasellus ac odio pulvinar, dictum ipsum id, tempus turpis. Vestibulum id nibh risus.</p>
|
||||||
|
|
||||||
|
<p>Duis sollicitudin mollis sollicitudin. Vestibulum consequat maximus eros et efficitur. Nulla porttitor blandit nisl aliquam tincidunt. Duis gravida id lacus eu condimentum. Pellentesque faucibus varius erat vitae blandit. Etiam efficitur dolor in velit hendrerit, id elementum arcu rutrum. Vivamus fermentum justo quis felis sagittis pharetra. Proin lacus dui, sollicitudin tempor augue a, suscipit suscipit purus. Ut sit amet euismod lorem. Sed sit amet dignissim dolor. Integer at neque consequat, varius metus vitae, rhoncus massa. </p>
|
||||||
|
</body>
|
||||||
|
</html>
|
31
HTML/TP02/exercice2.html
Normal file
31
HTML/TP02/exercice2.html
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="FR-fr">
|
||||||
|
<head>
|
||||||
|
<title>Formulaire</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Formulaire</h1>
|
||||||
|
<form method="post" action="https://dwarves.iut-fbleau.fr/requete.php">
|
||||||
|
<label>Nom: <input type=text name="Nom" placeholder="Dupond"></label><br>
|
||||||
|
<label>Prénom: <input type="text" name="Prénom" placeholder="Jean"></label><br>
|
||||||
|
<label>Date de naissance : <input type="date" name="Date de naissance"></label><br>
|
||||||
|
<label>Adresse E-Mail: <input type="email" name="Email" placeholder="toto.exemple@u-pec.fr"></label><br>
|
||||||
|
<label>Code Postale: <input type="number" name="Code Postal" placeholder="77300"></label><br>
|
||||||
|
<label>Téléphone Portable: <input type="text" name="Téléphone portable" placeholder="0123456789" maxlength="10"></label><br>
|
||||||
|
<label>Sexe: </label>
|
||||||
|
<label><input type="radio" name="Sexe" value="male">Homme</label>
|
||||||
|
<label><input type="radio" name="Sexe" value="female">Femme</label>
|
||||||
|
<label><input type="radio" name="Sexe" value="other">Autre</label><br>
|
||||||
|
<label>Semestre: <select name="Semestre">
|
||||||
|
<option value="">Veuillez sélectionnez un semestre</option>
|
||||||
|
<option value="S1">Semestre 1</option>
|
||||||
|
<option value="S2">Semestre 2</option>
|
||||||
|
<option value="S3">Semestre 3</option>
|
||||||
|
<option value="S4">Semestre 4</option>
|
||||||
|
</select></label><br>
|
||||||
|
<label>Niveau en html: <input type="range" name="Niveau en html" value="5" min="0" max="10" step="1"/></label><br>
|
||||||
|
<label>Message: <textarea name="Message" rows="20" cols="50"></textarea></label><br><br>
|
||||||
|
<input type="reset" value="Remise à zéro"><input type="submit" value="Envoyer le formulaire">
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
33
HTML/TP02/exercice3.html
Normal file
33
HTML/TP02/exercice3.html
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="FR-fr">
|
||||||
|
<head>
|
||||||
|
<title>Formulaire</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Formulaire</h1>
|
||||||
|
<form method="post" action="https://dwarves.iut-fbleau.fr/requete.php">
|
||||||
|
<label>Nom: <input type=text name="Nom" placeholder="Dupond"></label><br>
|
||||||
|
<label>Prénom: <input type="text" name="Prénom" placeholder="Jean"></label><br>
|
||||||
|
<label>Date de naissance : <input type="date" name="Date de naissance"></label><br>
|
||||||
|
<label>Adresse E-Mail: <input type="email" name="Email" placeholder="toto.exemple@u-pec.fr"></label><br>
|
||||||
|
<label>Code Postale: <input type="number" name="Code Postal" placeholder="77300"></label><br>
|
||||||
|
<label>Téléphone Portable: <input type="tel" name="Téléphone portable"
|
||||||
|
placeholder="01 23 45 67 89"
|
||||||
|
maxlength="14"
|
||||||
|
pattern="[0 6-7]{2} [0-9]{2} [0-9]{2} [0-9]{2} [0-9]{2}"></label><br>
|
||||||
|
<label>Sexe: </label>
|
||||||
|
<label><input type="radio" name="Sexe" value="male">Homme</label>
|
||||||
|
<label><input type="radio" name="Sexe" value="female">Femme</label>
|
||||||
|
<label><input type="radio" name="Sexe" value="other">Autre</label><br>
|
||||||
|
<label>Semestre: <select name="Semestre">
|
||||||
|
<option value="S1">Semestre 1</option>
|
||||||
|
<option value="S2" selected>Semestre 2</option>
|
||||||
|
<option value="S3">Semestre 3</option>
|
||||||
|
<option value="S4">Semestre 4</option>
|
||||||
|
</select></label><br>
|
||||||
|
<label>Niveau en html: <input type="range" name="Niveau en html" value="5" min="0" max="10" step="1"/></label><br>
|
||||||
|
<label>Message: <textarea name="Message" rows="20" cols="50"></textarea></label><br><br>
|
||||||
|
<input type="reset" value="Remise à zéro"><input type="submit" value="Envoyer le formulaire">
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
9
HTML/TP02/exercice4-réponse.txt
Normal file
9
HTML/TP02/exercice4-réponse.txt
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
Le code CSS change le style par défaut des éléments suivants :
|
||||||
|
|
||||||
|
* Tous les éléments de texte inclus dans body auront comme police : "sans-serif"
|
||||||
|
|
||||||
|
* Les titres h1 seront en plus d'être en "sans-serif", en petites majuscules.
|
||||||
|
|
||||||
|
* Les titres h2 auront une couleur d'arrière plan de #aaaaaa, une marge de 10 pixels et seront en italique.
|
||||||
|
|
||||||
|
* Les éléments span seront en monospace gras et auront comme couleur (pas d'arrière plan) #aa4512.
|
20
HTML/TP02/exercice4.css
Normal file
20
HTML/TP02/exercice4.css
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
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;
|
||||||
|
}
|
25
HTML/TP02/exercice4.html
Normal file
25
HTML/TP02/exercice4.html
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-US">
|
||||||
|
<head>
|
||||||
|
<title>Emoticons</title>
|
||||||
|
<link rel="stylesheet" href="exercice4.css">
|
||||||
|
</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).
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<p>Smiley: :‑) :-><br>Tongue-tied: :‑&<br>Broken heart: <\3<br>Rose: @}->--<br>Fish: ><(((*></p>
|
||||||
|
|
||||||
|
<h2>Eastern</h2>
|
||||||
|
<p>Eastern emoticons generally are not rotated sideways. They first arose in Japan, where they are referred to as kaomoji.</p>
|
||||||
|
|
||||||
|
<p>Troubled: (>_<)<br>Sad: ("_")<br>Cat: (=^·^=)<br>Headphones: ((d[-_-]b))</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
23
HTML/TP02/exercice5.css
Normal file
23
HTML/TP02/exercice5.css
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
body {
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 15px;
|
||||||
|
font-variant: small-caps;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead {
|
||||||
|
border-color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
font-size: 15px;
|
||||||
|
font-variant: small-caps;
|
||||||
|
border-top: 2px solid rgb(0, 0, 0);
|
||||||
|
border-bottom: 2px solid rgb(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
border-bottom: 1px solid rgb(190,190,190);
|
||||||
|
}
|
80
HTML/TP02/exercice5.html
Normal file
80
HTML/TP02/exercice5.html
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr-FR">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Le Système Solaire</title>
|
||||||
|
<link rel="stylesheet" href="exercice5.css"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Les planètes du système solaire</h1>
|
||||||
|
<table>
|
||||||
|
<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>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Mercure</td>
|
||||||
|
<td>0,38709893</td>
|
||||||
|
<td>0,205</td>
|
||||||
|
<td>7</td>
|
||||||
|
<td>0,241</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Venus</td>
|
||||||
|
<td>0,72333199</td>
|
||||||
|
<td>0,007</td>
|
||||||
|
<td>3,4</td>
|
||||||
|
<td>0,615</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Terre</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td>0,017</td>
|
||||||
|
<td>0</td>
|
||||||
|
<td>1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Mars</td>
|
||||||
|
<td>1,52366231</td>
|
||||||
|
<td>0,094</td>
|
||||||
|
<td>1,9</td>
|
||||||
|
<td>1,881</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jupiter</td>
|
||||||
|
<td>5,20336301</td>
|
||||||
|
<td>0,049</td>
|
||||||
|
<td>1,3</td>
|
||||||
|
<td>11,862</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Saturne</td>
|
||||||
|
<td>9,6</td>
|
||||||
|
<td>0,057</td>
|
||||||
|
<td>2,5</td>
|
||||||
|
<td>29,452</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Uranus</td>
|
||||||
|
<td>2872,5</td>
|
||||||
|
<td>0,8</td>
|
||||||
|
<td>97,8</td>
|
||||||
|
<td>30,589</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Neptune</td>
|
||||||
|
<td>4495,1</td>
|
||||||
|
<td>1,8</td>
|
||||||
|
<td>28,3</td>
|
||||||
|
<td>59,8</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
4
HTML/TP02/exercice6.css
Normal file
4
HTML/TP02/exercice6.css
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
td {
|
||||||
|
border: 1px solid rgb(0, 0, 0);
|
||||||
|
|
||||||
|
}
|
17
HTML/TP02/exercice6.html
Normal file
17
HTML/TP02/exercice6.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html land="FR-fr">
|
||||||
|
<head>
|
||||||
|
<title>Tableau</title>
|
||||||
|
<link rel="stylesheet" href="exercice6.css"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<table cellspacing="0">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td width="50" height="250"/>
|
||||||
|
<td width="50" height="250"/>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
Loading…
Reference in New Issue
Block a user