{{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>cours dev développement web css sass html}}
====== Définissez des priorités ======
Notes et tr... s respectent un ordre bien précis : en premier le HTML, qui va déterminer les fondations de votre page web, puis le CSS pour le style.
Si pour le HTML la tâche reste simple, pour le CSS en revanche c’... = 1 - Le style inline, défini directement dans le HTML ====
Lorsque vous écrivez du CSS dans du HTML, c
{{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>cours dev développement web css sass html}}
====== Clarifiez votre HTML avec BEM ======
Notes et transcriptions du cours [[https://openclassr... ation ? Ou même d’une page qui a été supprimée en HTML et dont on aurait oublié de supprimer le CSS ?
T... nce ou le pouvoir. C’est la même chose pour notre HTML.
Comme pour les pokémons, l’idéal serait qu’en u
{{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>cours dev développement web css sass html}}
====== Simplifiez votre code ======
Notes et trans... se aux pokémons, euh... aux répétitions !
<code html>
<body>
<h2>Différents exemples de boutons</h2>... n</button>
</div>
</body>
</code>
Avec ce code HTML, on comprend que cette page contient quatre bouto... c’est très bien… mais il faut aussi adapter notre HTML ! Et pour ce faire, nous allons combiner nos séle
{{tag>cours dev développement web css sass html}}
====== Quiz : Structurer son code ======
Notes et ... niser votre CSS par ordre d’apparition dans votre HTML et favoriser la compréhension.
++++ Réponse|
Cho... === Question 4 =====
En vous basant sur le code HTML et CSS ci-dessous :
<code html>
<div id="header" class="header">
Header Content!
</div>
</code>
{{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>cours dev développement web css sass html}}
====== Optimisez la lecture du code ======
Notes e... e la même façon que vous imbriquez des balises en HTML, dans Sass vous pouvez imbriquer les sélecteurs, ... e de sélecteurs claire qui reflète leur structure HTML : vos sélecteurs sont imbriqués exactement comme ils le seraient en HTML. Regardez le CSS qui en résulte :
<code css>
.na
{{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
