Show Menu
Cheatography

HTML Cheat Sheet (DRAFT) by [deleted]

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 &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>