Différences

Ci-dessous, les différences entre deux révisions de la page.

--- sio:bloc1:html-min [2025/11/07 07:14] – créée jcheron
+++ sio:bloc1:html-min [2025/11/07 07:16] (Version actuelle) – jcheron
@@ Ligne 1: / Ligne 1: @@
-# HTML/CSS Minimal
+====== Synthèse Bases HTML/CSS ======
-## Consignes
+===== Consignes =====
 Créez une page web "Profil personnel" en respectant les contraintes ci-dessous.
@@ Ligne 7: / Ligne 7: @@
 ----
-## Partie 1 : Structure HTML
+===== Partie 1 : Structure HTML =====
 Créez un fichier ''index.html'' contenant :
-=== Structure de base ===
+==== Structure de base ====
-   * Doctype, html, head, body
+  * Doctype, html, head, body
-   * Métadonnées (charset UTF-8, titre, lien CSS)
+  * Métadonnées (charset UTF-8, titre, lien CSS)
-=== En-tête ===
+==== En-tête ====
-   * Un titre principal avec votre nom
+  * Un titre principal avec votre nom
-   * Une navigation avec 3 liens (Accueil, Compétences, Contact)
+  * Une navigation avec 3 liens (Accueil, Compétences, Contact)
-=== Contenu principal ===
+==== Contenu principal ====
-   * Une image de profil
+  * Une image de profil
-   * Un paragraphe de présentation
+  * Un paragraphe de présentation
-   * Une liste non ordonnée de 3 hobbies
+  * Une liste non ordonnée de 3 hobbies
-   * Une liste ordonnée de 3 compétences
+  * Une liste ordonnée de 3 compétences
-=== Pied de page ===
+==== Pied de page ====
-   * Votre email dans un lien cliquable
+  * Votre email dans un lien cliquable
-   * L'année actuelle
+  * L'année actuelle
 ----
-## Partie 2 : Style CSS
+===== Partie 2 : Style CSS =====
 Créez un fichier ''style.css'' avec :
-=== Style général ===
+==== Style général ====
-   * Police personnalisée pour toute la page
+  * Police personnalisée pour toute la page
-   * Couleur de fond
+  * Couleur de fond
-   * Marges intérieures du body
+  * Marges intérieures du body
-=== En-tête et navigation ===
+==== En-tête et navigation ====
-   * Centrer le titre
+  * Centrer le titre
-   * Navigation en ligne (flexbox ou inline-block)
+  * Navigation en ligne (flexbox ou inline-block)
-   * Changer la couleur des liens au survol
+  * Changer la couleur des liens au survol
-=== Contenu ===
+==== Contenu ====
-   * Image ronde avec bordure
+  * Image ronde avec bordure
-   * Largeur maximale du contenu (800px)
+  * Largeur maximale du contenu (800px)
-   * Espacement entre les éléments
+  * Espacement entre les éléments
-=== Responsive ===
+==== Responsive ====
-   * Au moins une media query pour mobile
+  * Au moins une media query pour mobile
 ----
-## Bonus
+===== Bonus =====
   * Utiliser une Google Font
@@ Ligne 63: / Ligne 63: @@
 ----
-## Concepts à maîtriser
+===== Concepts à maîtriser =====
 **HTML :**