L'HyperText Markup Language, généralement abrégé HTMLou dans sa dernière version HTML5, est un langage de balisage conçu pour représenter les pages web. Il permet aussi d'écrire de l'hypertexte d'où son nom.
Les feuilles de styles en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).
Dans ce tutoriel je vais vous montrer comment créer un formulaire de contact en utilisant HTML et CSS.
Aperçu:
1) Etape 1 : le code HTML
<!--DOCTYPE html-->
<html>
<head>
<!-- Vous pouvez insérer ici le code CSS -->
</head>
<body>
<div class="container">
<form action="action_page.php">
<label for="nom">Nom</label>
<input type="text" id="nom" name="nom" placeholder="Votre nom">
<label for="prenom">Prénom</label>
<input type="text" id="prenom" name="prenom" placeholder="Votre prénom">
<label for="pays">Votre Pays</label>
<select id="pays" name="pays">
<option value="senegal">Sénégal</option>
<option value="usa">USA</option>
<option value="ghana">Ghana</option>
<option value="chine">Chine</option>
<option value="rdcongo">RD Congo</option>
<option value="canada">Canada</option>
<option value="coteivoire">Cote d'Ivoire</option>
<option value="france">France</option>
</select>
<label for="message">Message</label>
<textarea id="message" name="message" placeholder="Ecrire votre message" style="height:200px"></textarea>
<input type="submit" value="Envoyer">
</form>
</div>
</body>
</html>
1) Etape 2 : le code CSS
<style>
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical
}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
J'espère que cela peut vous aider.... Merci de vous abonner et de laisser un commentaire.
Les feuilles de styles en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).
Dans ce tutoriel je vais vous montrer comment créer un formulaire de contact en utilisant HTML et CSS.
Aperçu:
1) Etape 1 : le code HTML
C'est très intéressant et merci beaucoup. J'attends d'autres tutoriels.
RépondreSupprimerOui nous attendons la suite...
SupprimerNe vous inquiétez pas la suite sera aussi intéressante.
SupprimerIntéressant. Le code est propre et lisible. Merci
RépondreSupprimerMerci.
Supprimerbonne continuation frère vous partagez du savoir
RépondreSupprimerMerci pour les encouragements.
SupprimerLe partage du savoir est un acte noble.
RépondreSupprimerIntéressant, bonne continuation.
Bonne lecture et bonne suite. Merci
SupprimerMerci infiniment pour ce partage
RépondreSupprimerMerci. Mon but est de partager avec vous toutes mes connaissances en informatique.
RépondreSupprimerVotre but est noble.
SupprimerMerci d'avoir aidé les débutants.
RépondreSupprimerJ'aime bien vos tutoriels car c'est simple et facile à comprendre
RépondreSupprimerIntéressante. Merci
RépondreSupprimer