This is a draft cheat sheet. It is a work in progress and is not finished yet.
Formulaire
<!DOCTYPE html>
<html>
<head>
<title> TP 1, Exo 2 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<h1> Colloque « Applis web » du 17 au 18 octobre 2015 </h1>
<form>
<fieldset>
<legend>Pour vous inscrire, veuillez indiquer les informations suivantes:</legend>
<ul>
<li><label>Nom</label> <input type="text" name="nom"></li>
<li><label>Prénom</label> <input type="text" name="prenom"></li>
<li><label>Adresse de Facturation</label><br/><textarea name="adresse"></textarea></li>
<li><label>Date d'arrivée</label>
<select>
<option value="17 / 10 / 2015">17 / 10 / 2015</option>
<option value="18 / 10 / 2015">18 / 10 / 2015</option>
</select>
<label>Date de départ</label>
<select>
<option value="17 / 10 / 2015">17 / 10 / 2015</option>
<option value="18 / 10 / 2015">18 / 10 / 2015</option>
</select>
</li>
<li><label>Votre statut</label>
<input type="radio" name="statut" value="conferencier">Conférencier
<input type="radio" name="statut" value="chercheur">Chercheur
<input type="radio" name="statut" value="industriel" checked>Industriel
</li>
<li><label>Réservation souhaitée</label>
<input type="checkbox" name="reserv" value="dej17">Déjeuner du 17/10/2015
<input type="checkbox" name="reserv" value="dej18">Déjeuner du 18/10/2015
<input type="checkbox" name="reserv" value="din17">Diner du 17/10/2015
<input type="checkbox" name="reserv" value="din18">Diner du 18/10/2015</li>
</ul>
<input type="submit" value="S'inscrire"/>
</fieldset>
</form>
</body>
</html>
|
|
|
Tableaux
<!DOCTYPE html>
<html>
<head>
<title>Exercice 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<!-- Structurer le document html suivant -->
<h1><img src="logo.gif" alt="logo INP">Institut polytechnique de Grenoble</h1>
<h2>Structure</h2>
<ul>
<li>Ecoles d'ingénieur recrutant au niveau bac+2
<ul>
<li><a href="http://phelma.grenoble-inp.fr" title="">Phelma</a></li>
<li><a href="http://pagora.grenoble-inp.fr" title="">Pagora</a></li>
<li><a href="http://ensimag.grenoble-inp.fr" title="">Ensimag</a></li>
<li><a href="http://genie-industriel.grenoble-inp.fr" title="">Génie Industriel</a></li>
<li><a href="http://ense3.grenoble-inp.fr" title="">Ense3</a></li>
</ul>
</li>
<li>Ecoles d'ingénieur recrutant au niveau bac
<ul>
<li><a href="http://esisar.grenoble-inp.fr" title="">Esisar</a></li>
</ul>
</li>
<li><a href="http://cpp-prepa.grenoble-inp.fr" title="">Prépa</a>
<ul>
<li>antenne de Grenoble</li>
<li>antenne de Valence</li>
</ul>
</li>
</ul>
<h2>Classements dans la presse des écoles à recrutement niveau bac+2</h2>
<table border="1">
<tr>
<th></th><th>2010</th> <th>2011</th> <th>2012</th> <th>2013</th>
</tr>
<tr>
<th>Industrie et technologie</th><td>1ère</td><td>1ère</td><td>3ème</td><td rowspan="2">à paraître</td>
</tr>
<tr>
<th>L'Usine Nouvelle</th><td>20ème</td><td>2ème</td><td>7ème</td>
</tr>
<tr>
<th>L'Etudiant</th>
<td>
<ol>
<li>Ensimag : 12ème</li>
<li>Phelma : 19ème</li>
<li>Ense3 : 23ème</li>
<li>Génie industriel : 29ème</li>
<li>Pagora : 45ème</li>
</ol>
</td>
<td>
<ol>
<li>Ensimag : 14ème</li>
<li>Phelma : 17ème</li>
<li>Ense3 : 19ème</li>
<li>Génie industriel : 28ème</li>
<li>Pagora : 55ème</li>
</ol>
</td>
<td>
<ol>
<li>Ensimag : 19ème</li>
<li>Phelma : 21ème</li>
<li>Ense3 : 21ème</li>
<li>Génie industriel : 30ème</li>
<li>Pagora : 73ème</li>
</ol>
</td>
<td>
<ol>
<li>Ensimag : 17ème</li>
<li>Phelma : 17ème</li>
<li>Ense3 : 26ème</li>
<li>Génie industriel : 54ème</li>
<li>Pagora : 61ème</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
|
|
