Show Menu

HTML Partiel Cheat Sheet by [deleted]

html     rxzelly

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>

Download the HTML Partiel Cheat Sheet

3 Pages
//media.cheatography.com/storage/thumb/deleted-77669_html-partiel.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

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