<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Mon carnet d'adresses</title>
</head>
<body>
<div id="titre">
<div id="surTitre">
Carnet d'adresses
</div>
<div id="sousTitre">
Mes contacts, par ordre alphabétique
</div>
</div>
<div id="tableau">
<div id="menuTableau">
Accéder aux noms commençant par: <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> ...
</div>
<table>
<tr>
<th><a name="A" id="A" />Nom</th>
<th>Prénom</th>
<th>Téléphone</th>
<th>Photo</th>
</tr>
<tr>
<td class="nom">Alto</td>
<td class="prenom">Jean</td>
<td class="telephone">02.31.XX.XX.XX</td>
<td class="cellulePhoto"><img class="photo" src="photo-alto.png" alt="La photo de J. Alto" /></td>
</tr>
<tr>
<td class="nom">Arpège</td>
<td class="prenom">Jacques</td>
<td class="telephone">02.31.XX.XX.XX</td>
<td class="cellulePhoto"><img class="photo" src="photo-arpege.png" alt="La photo de J. Arpège" /></td>
</tr>
<tr>
<th><a name="B" id="B" />Nom</th>
<th>Prénom</th>
<th>Téléphone</th>
<th>Photo</th>
</tr>
<tr>
<td class="nom">Basse</td>
<td class="prenom">Pierre</td>
<td class="telephone">02.31.XX.XX.XX</td>
<td class="cellulePhoto"><img class="photo" src="photo-basse.png" alt="La photo de P. Basse" /></td>
</tr>
<tr class="ami">
<td class="nom">Bémol</td>
<td class="prenom">Albert</td>
<td class="telephone">02.31.XX.XX.XX</td>
<td class="cellulePhoto"><img class="photo" src="photo-bemol.png" alt="La photo de A. Bémol" /></td>
</tr>
<tr>
<th><a name="C" id="C" />Nom</th>
<th>Prénom</th>
<th>Téléphone</th>
<th>Photo</th>
</tr>
<tr>
<td class="nom">Chorus</td>
<td class="prenom">Robert</td>
<td class="telephone">02.31.XX.XX.XX</td>
<td class="cellulePhoto"><img class="photo" src="photo-chorus.png" alt="La photo de R. Chorus" /></td>
</tr>
</table>
</div>
</body>
</html>
Inga kommentarer:
Skicka en kommentar