Show Menu
Cheatography

HTML Partiel Cheat Sheet by [deleted]

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 &laquo; Applis web  &raquo; 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>
   

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets