Vous êtes sur la page 1sur 3

Université Hassiba Ben Bouali de Chlef

Faculté des Sciences Exactes et Informatique


Département d’Informatique

Module : Développement Application Web


Niveau 2ème année licence Année universitaire 2019/2020

Fiche TP N°2
Exercice 1 :
Reproduisez la liste suivante :

Exercice 2 :
Reconstituez le tableau suivant :

Exercice 3 :
Ecrivez le code HTML qui affiche le formulaire ci-dessous :
Solution

Exercice 1:
<HTML>
<HEAD>
<TITLE>Exo1</TITLE>
</HEAD>
<BODY>
<ol type="I">
<li>Chapitre1</li>
<li>Chapitre2</li>
<ol type="i">
<li>Section1</li>
<li>Section1
<ul type="disc">
<li>Graphe1</li>
<li>Graphe2</li>
</ul>
</li>
</ol>
<li>Chapitre3
<ul type="square">
<li>Image1</li>
<li>Image2</li>
</ul>
</li>
</ol>
</BODY>
</HTML>

Exercice 2 :

<table border="1">
<tr>
<th>Titre1</th>
<th>Titre2</th>
<th>Titre3</th>
</tr>
<tr>
<td>Cellule simple</td>
<td>Cellule simple</td>
<td>Cellule simple</td>
</tr>
<tr>
<td colspan="2">Deux colonnes assemblées</td>
<td>Cellule simple</td>
</tr>
<tr>
<td>Cellule simple</td>
<td>Cellule simple</td>
<td rowspan="2">Deux lignes assemblées</td>
</tr>
<tr>
<td>Cellule simple</td>
<td>Cellule simple</td>
</tr>
<tr>
<td>Cellule simple</td>
<td colspan="2" rowspan="2">Deux lignes et deux colonnes</td>
</tr>
<tr>
<td>Cellule simple</td>
</tr>
</table>

Exercice 3 :

<form method="" action="">


<label>Votre pseudo :</label>
<input type="text" value="" /><br>

<label>Votre mot de passe :</label>


<input type="password" value="" /><br>

<label>OS préféré :</label> <br>


<input type="radio" name="OS" value="1" /> Windows XP <br/>
<input type="radio" name="OS" value="2"/> Windows vista<br/>
<input type="radio" name="OS" value="3"/> MacOS x <br>

<label>Vous possédez:</label> <br>


<input type="checkbox" name="typeordi" value="1" />
Ordinateur du bureau <br>
<input type="checkbox" name="typeordi" value="2" />
Netbook <br>
<input type="checkbox" name="typeordi" value="3" />
Tablette <br>

<label> Votre profession:</label>


<select name="profession">
<option value="1">Chômeur</option>
<option value="2">Etudiant</option>
<option value="3">fonctionnaire</option>
</select><br>

<input type="submit" value="s'inscrire">


</form>

Vous aimerez peut-être aussi