Container mt-5 Text-Center" Exemple de Tableau Table Table-Bordered Table-Striped Table-Dark
Container mt-5 Text-Center" Exemple de Tableau Table Table-Bordered Table-Striped Table-Dark
DOCTYPE html>
<html lang="fr">
<head>
<title>Formulaire d'inscription</title>
</head>
<body>
<h1>Formulaire d'inscription</h1>
<form action="#" method="post">
<label for="nom">Nom:</label><br>
<input type="text" id="nom" name="nom" required><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" required><br>
<label for="password">Mot de passe:</label><br>
<input type="password" id="password" name="password" required><br>
<label>Genre:</label><br>
<input type="radio" id="homme" name="genre" value="Homme"><br>
<label for="homme">Homme</label><br>
<input type="radio" id="femme" name="genre" value="Femme"><br>
<label for="femme">Femme</label><br>
<label for="age">Âge:</label><br>
<input type="number" id="age" name="age" required><br>
<label for="blog">Blog :</label><br>
<textarea></textarea><br>
<input type="checkbox" id="terms" name="terms" required>
<label for="terms">J'accepte les termes et conditions</label><br><br>
<button type="submit">S'inscrire</button>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Exemple de Tableau</title>
<link href="bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2 class="text-center">Exemple de Tableau</h2>
<table class="table table-bordered table-striped ">
<thead class="table-dark">
<tr>
<th>#</th><th>Nom</th><th>Âge</th>
<th>Email</th><th>Ville</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td><td>Jean Dupont</td><td>20</td>
<td>[email protected]</td><td>Paris</td>
</tr>
<tr>
<td>2</td><td>Marie Curie</td><td>35</td>
<td>[email protected]</td><td>Lyon</td>
</tr>
<tr>
<td>3</td><td>Paul Martin</td><td>50</td>
<td>[email protected]</td><td>Marseille</td>
</tr>
<tr>
<td>4</td><td>Sophie Lemaitre</td><td>30</td>
<td>[email protected]</td><td>Lille</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
div > p {
color: blue;
font-size: 18pt;
font-weight: bold;
font-style: italic;
font-family: Arial, sans-
serif;
}
div ~ p {
background-color: red;
}
ul li:nth-child(3) {
font-weight: bold;
color: red;
}
ul {
display: flex;
list-style: none;
padding: 0;
}