Scribd
Importer
0 vues2 pages

Guide HTML CSS Complet

Ce guide complet sur HTML et CSS explique comment structurer une page web, utiliser des balises importantes, créer des formulaires et styliser les pages. Il aborde également des concepts avancés comme Flexbox, CSS Grid et le design responsive, tout en proposant un projet pratique pour créer un site vitrine. Enfin, il inclut une checklist pour s'assurer de la maîtrise des compétences essentielles en HTML et CSS.

Transféré par

tatapk2000
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0 vues2 pages

Guide HTML CSS Complet

Ce guide complet sur HTML et CSS explique comment structurer une page web, utiliser des balises importantes, créer des formulaires et styliser les pages. Il aborde également des concepts avancés comme Flexbox, CSS Grid et le design responsive, tout en proposant un projet pratique pour créer un site vitrine. Enfin, il inclut une checklist pour s'assurer de la maîtrise des compétences essentielles en HTML et CSS.

Transféré par

tatapk2000
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Guide Complet HTML & CSS pour Créer un Site

Web

1. Structure d'une page HTML


HTML est le langage qui structure une page web. Balises essentielles : - - - - Exemple : Mon site
Bonjour

2. Balises HTML importantes


Titres : h1 à h6 Paragraphe : p Lien : a Image : img Liste : ul, ol, li Tableau : table, tr, th, td
Conteneur : div Section : section

3. Les formulaires
input, textarea, select, button. Permettent de récupérer des informations utilisateur.

4. Introduction au CSS
Le CSS sert à styliser les pages. Sélecteur : p { color: blue; }

5. Couleurs, tailles et espacements


color background-color font-size margin padding border

6. Flexbox
Permet d'aligner facilement les éléments. display: flex; justify-content: center; align-items: center;

7. CSS Grid
Permet de créer des mises en page complexes. display: grid; grid-template-columns: 1fr 1fr 1fr;

8. Responsive Design
Adapter le site aux téléphones. @media (max-width: 768px) { ... }

9. Structure d'un vrai site


Header (en-tête) Navigation Section Hero Services Tarifs Contact Footer

10. Projet conseillé


Créer un site vitrine : - Accueil - Services - Tarifs - Contact Puis l'héberger sur GitHub Pages,
Netlify ou Vercel.
Checklist HTML/CSS
✓ Comprendre HTML ✓ Utiliser les balises principales ✓ Créer des tableaux ✓ Créer des
formulaires ✓ Maîtriser les div ✓ Utiliser Flexbox ✓ Utiliser Grid ✓ Créer un design responsive ✓
Publier un site sur Internet

Vous aimerez peut-être aussi