Labo2
Exercice 1
<!DOCTYPE html>
<html>
<head>
<title>Labo 2 ex 1</title>
<meta charset="utf-8">
</head>
<body>
<table border="1">
<thead>
<th>Nom</th>
<th>Prénom</th>
<th>Prénom 2</th>
<th>Prénom 3</th>
<th>Adresse mail 1</th>
<th>Adresse mail 2</th>
<th>Inscrit?</th>
</thead>
<tbody>
<tr>
<td>Giraud</td>
<td>Pierre</td>
<td colspan="2">Victor</td>
<td colspan="2">pierre.giraud@ffff.fr</td>
<td rowspan="2">Oui</td>
</tr>
<tr>
<td>Joly</td>
<td colspan="3">Pauline</td>
<td>hhh@ddd.de</td>
<td>jkdhbskj@fkjh.aa</td>
</tr>
</tbody>
</table>
</body>
</html>
Exercice 2
<!DOCTYPE html>
<html>
<head>
<title>Labo ex 2</title>
</head>
<body>
<table border="1">
<tr>
<td>X</td>
<td>X</td>
<td>X</td>
<td>X</td>
<td>X</td>
<td>X</td>
</tr>
<tr>
<td>X</td>
<td rowspan="4">X</td>
<td colspan="2" rowspan="2">X</td>
<td rowspan="2">X</td>
<td rowspan="3">X</td>
</tr>
<tr>
<td>X</td>
</tr>
<tr>
<td>X</td>
<td colspan="3">X</td>
</tr>
<tr>
<td>X</td>
<td colspan="4">X</td>
</tr>
</table>
</body>
</html>
Exercice 3
<!DOCTYPE html>
<html>
<head>
<title>Labo 2 ex 3</title>
</head>
<body>
<form method="post" action="ex02-3.html">
<label for="nom">Nom : </label>
<input type="text" name="nom">
<br>
<label for="prenom">Prénom : </label>
<input type="text" name="prenom">
<br>
<label for="courriel">Courriel : </label>
<input type="email" name="courriel">
<br>
<label for="sexe">Sexe : </label>
M<input type="radio" name="nom" value="m">
F<input type="radio" name="nom" value="f">
<br>
<label for="fichier">Image : </label>
<input type="file" name="fichier" accept="image/png, image/jpeg" />
<br>
<label for="pays">Pays : </label>
<select name="pays">
<option>Canada</option>
<option>USA</option>
<option>etc</option>
</select>
<br>
<label for="langage">Langages : </label>
HTML <input type="checkbox" name="langage">
CSS <input type="checkbox" name="langage">
JS <input type="checkbox" name="langage">
<br>
<label for="domaine">Activité : </label>
Prof <input type="checkbox" name="domaine">
Analyste <input type="checkbox" name="domaine">
Technicien <input type="checkbox" name="domaine">
<br>
<label for="an">Années : </label>
<input type="number" name="an">
<br>
<input type="submit" value="Envoyer">
<input type="reset" value="Effacer">
</form>
</body>
</html>
Exercice 4
<!DOCTYPE html>
<html>
<head>
<title>Labo 2 ex 3</title>
</head>
<body>
<form method="post" action="ex02-3.html">
<label for="nom">Nom : </label>
<input type="text" name="nom" requires>
<br>
<label for="prenom">Prénom : </label>
<input type="text" name="prenom" maxlength="25">
<br>
<label for="courriel">Courriel : </label>
<input type="email" name="courriel" required>
<br>
<label for="sexe">Sexe : </label>
M<input type="radio" name="nom" value="m">
F<input type="radio" name="nom" value="f">
<br>
<label for="fichier">Image : </label>
<input type="file" name="fichier" accept="image/png, image/jpeg" />
<br>
<label for="pays">Pays : </label>
<select name="pays">
<option>Canada</option>
<option>USA</option>
<option>etc</option>
</select>
<br>
<label for="langage">Langages : </label>
HTML <input type="checkbox" name="langage">
CSS <input type="checkbox" name="langage">
JS <input type="checkbox" name="langage">
<br>
<label for="domaine">Activité : </label>
Prof <input type="checkbox" name="domaine">
Analyste <input type="checkbox" name="domaine">
Technicien <input type="checkbox" name="domaine">
<br>
<label for="an">Années : </label>
<input type="number" name="an">
<br>
<input type="submit" value="Envoyer">
<input type="reset" value="Effacer">
</form>
</body>
</html>