27/04/2026
HTML : les bases

📁 Fichiers HTML, CSS, Images : Le Trio Infernal (mais Organisé !) de Votre Site Web
✨ Salut les codeurs du dimanche (et les pros aussi, on ne juge pas) !
Aujourd’hui, on parle rangement. Oui, oui, comme dans votre chambre — mais en version code.
On va dompter le chaos des fichiers HTML, CSS et images pour un site web qui respire la zen attitude 🧘♂️
🧱 HTML : La Carcasse (Sans les Os qui Dépassent)
Le HTML, c’est le squelette de votre site.
Imaginez-le comme un meuble IKEA : des balises partout, mais une fois assemblé… ça tient debout.
💡 Astuce : utilisez des balises sémantiques pour donner du sens à votre structure :
<nav> • <article> • <header> • <footer>
🔍 Pourquoi ? Parce que Google adore comprendre ce que vous faites (et ça aide votre SEO 👀)
🎨 CSS : La Touche de Glamour (Sans Virer Paillettes)
Le CSS, c’est le maquillage de votre site 💄
Couleurs, polices, effets spéciaux… tout passe par lui.
⚠️ Attention : trop de style tue le style
Votre site ≠ un sapin de Noël en plein mois d’août 🎄
🎯 Bonne pratique :
- Utilisez des classes (
.class) - Utilisez des ID (
#id) - Ciblez proprement vos éléments
🎯 Soyez précis comme un sniper, pas comme un lanceur de confettis.
🖼️ Images : Les Stars du Show (Mais Pas Trop Gourmandes)
Les images, c’est le casting de votre site 🎬
🎭 Choisissez le bon format :
- 📸 JPEG → photos
- 🧊 PNG → transparence
- 🧩 SVG → logos & icônes
⚡ Règle d’or : optimisez vos images !
🐢 Un site lent = visiteurs qui fuient
😈 (sauf si vous aimez faire plaisir à vos concurrents)
✅ Conclusion : Le Bonheur est dans le Dossier Rangé
🧠 On récapitule :
- 🧱 HTML → structure
- 🎨 CSS → style
- 🖼️ Images → contenu visuel
📂 Un projet bien organisé, c’est :
comme ranger ses chaussettes par couleur…
ça ne change pas le monde, mais ça fait du bien 😌
✨ À vos claviers, et que le code soit avec vous !