{{tag>dev web html css}}
====== Créez des formulaires ======
Notes et transcriptions du cours [[https... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... éer un formulaire, vous aurez besoin de la balise HTML ''<form></form>'', elle permet d'indiquer le débu
{{tag>dev web html css}}
====== Intégrez le CSS dans la page HTML ======
Notes et transcriptions du cours [[https://open... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.
{{tag>dev web html css}}
====== Ajoutez des tableaux ======
Notes et transcriptions du cours [[https:/... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Créez un tableau en HTML et CSS =====
La balise en paire ''<table></table
{{tag>dev web html css}}
====== Créez des apparences dynamiques ======
Notes et transcriptions du cou... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... sse mon-element .
On a la structure suivante en HTML :
<code html>
<body>
<div class="mon-element">
{{tag>dev web html css}}
====== Allez plus loin ======
Notes et transcriptions du cours [[https://ope... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... re, maintenant que vous avez des connaissances en HTML et CSS.
À quoi JavaScript peut-il bien servir ?
{{tag>dev web html css}}
====== Créez votre site web avec HTML5 et CSS3 ======
Notes et transcriptions du cours [[https... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.
{{tag>dev web html css}}
====== Finalisez un formulaire et ajoutez un bouton d'envoi ======
Notes et t... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... alise ''<legend>''. Regardez cet exemple :
<code html>
<form method="get" action="">
<fieldset>
{{tag>dev web html css}}
====== Structurez votre page ======
Notes et transcriptions du cours [[https:... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... de, donc au début de la balise ''<body>'' :
<code html>
<body>
<header>
<!-- Placez ici le contenu
{{tag>dev web html css}}
====== Abordez d'autres techniques de mise en page ======
Notes et transcript... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... sera placé par-dessus les autres.
Si j'écris le HTML :
<code html>
<div class="conteneur">
<div c
{{tag>dev web html css}}
====== Changez l'apparence du texte ======
Notes et transcriptions du cours [... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... ec une valeur inférieure à 1, comme 0.8em.
<code html>
<p class="elem1">Élément 1 : 1em</p>
<p class="e
{{tag>dev web html css}}
====== Ajoutez de la couleur et un fond ======
Notes et transcriptions du cou... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... ttps://www.w3schools.com/colors/colors_picker.asp|HTML Color Picker]].
</note>
===== Appliquez une coul
{{tag>dev web html css}}
====== Découvrez les bases de CSS Grids ======
Notes et transcriptions du cou... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... columns =====
On a déjà 9 éléments déclarés côté HTML de la manière suivante :
<code html>
<div class=
{{tag>dev web html css}}
====== Découvrez le modèle des boîtes ======
Notes et transcriptions du cours... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... ises de type block et de type inline =====
En HTML, la plupart des balises peuvent se ranger dans l'
{{tag>dev web html css}}
====== Créez des bordures et des ombres ======
Notes et transcriptions du cou... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... éments juste au-dessus.
On écrit dans le fichier HTML :
<code html>
<p class="element">Élément</p>
</c
{{tag>dev web html css}}
====== Faites votre mise en page avec Flexbox ======
Notes et transcriptions... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... les balises %%<div> et <span>%%.
</note>
<code html>
<div class="container">
<div class="element elem
