0% found this document useful (0 votes)
7 views1 page

Container mt-5 Text-Center" Exemple de Tableau Table Table-Bordered Table-Striped Table-Dark

Uploaded by

rayane sahih
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views1 page

Container mt-5 Text-Center" Exemple de Tableau Table Table-Bordered Table-Striped Table-Dark

Uploaded by

rayane sahih
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

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;
}

You might also like