HTML & CSS
Le squelette et la peau du web : sémantique accessible d'un côté, mise en page moderne de l'autre.
L'essentiel
HTML décrit le sens (titres, paragraphes, formulaires) ; CSS décrit la présentation. Un HTML sémantique (header, main, nav) = meilleur SEO + accessibilité gratuite.
◉ html
<main class="card">
<h1>Bonjour le web</h1>
<p>Un paragraphe <strong>important</strong>.</p>
<button>Agir</button>
</main>
<style>
.card { max-width: 40rem; margin: auto; padding: 2rem; }
</style>Réflexes modernes
- Mobile-first, unités relatives (
rem,clamp()). - Grid pour les pages, Flexbox pour les composants.
- Contrastes vérifiés, focus visibles, images avec
alt.