Exemples CSS avancés fichier MenuHorizontal1.css
fichier MenuHorizontal2.css
fichier menu.css
Exemples présentés en cours pour les langages HTML et CSS :
| Exemple | Objectif | Code source |
|---|---|---|
| coursHTML-1.html | Introduction à HTML | fichier coursHTML-1.html |
| coursHTML-2.html | Les titres et autres balises de base | fichier coursHTML-2.html |
| coursHTML-3.html | Les images | fichier coursHTML-3.html |
| coursHTML-4.html | Usage des légendes et de citations | fichier coursHTML-4.html |
| coursHTML-5.html | Définition des tableaux | fichier coursHTML-5.html |
| coursHTML-6.html | Définition des listes (numérotées ou à puces) | fichier coursHTML-6.html |
| coursHTML-7.html | Introduire un lien vers une autre page ou une autre partie d'une même page | fichier coursHTML-7.html |
| coursHTML-8.html | Organisation du contenu en blocs div | fichier coursHTML-8.html |
| coursHTML-9.html | Structuration du contenu en HTML 5 | fichier coursHTML-9.html |
| coursHTML-10.html | Usage des vidéos | fichier coursHTML-10.html |
Télécharger les codes sources : ExemplesHTML.zip
| Exemple | Objectif | Code source |
|---|---|---|
| coursCSS-1.html | Introduction à CSS | fichier coursCSS-1.html |
| coursCSS-2.html | Alignement de texte et taille de police | fichier coursCSS-2.html |
| coursCSS-3.html | Styles CSS dans un fichier à côté | fichier coursCSS-3.html fichier styles.css |
| coursCSS-4.html | Feuilles de style qui se surposent | fichier coursCSS-4.html fichier css/monstyle.css |
| coursCSS-5.html | Styles pour les listes | fichier coursCSS-5.html fichier css/selecteurs.css |
| coursCSS-6.html | CSS pour les tableaux (les beaux tableaux...) | fichier coursCSS-6.html fichier css/selecteurs.css fichier css/tableaux.css |
| coursCSS-7.html | Les blocs de texte | fichier coursCSS-7.html |
| coursCSS-8.html | Marges, bordures et ombres sur un bloc | fichier coursCSS-8.html |
| coursCSS-9.html | Positionnement des blocs HTML5 avec CSS | fichier coursCSS-9.html fichier css/blocs.css |
| coursCSS-10.html | Pseudo-classes CSS | fichier coursCSS-10.html fichier css/pseudoclasses.css |
Télécharger les codes sources : ExemplesCSS.zip
| Exemple | Objectif | Code source |
|---|---|---|
| MenuHorizontal1.html | Exemple de menu horizontal simple | fichier MenuHorizontal1.html
fichier MenuHorizontal1.css |
| MenuHorizontal2.html | Exemple de menu horizontal | fichier MenuHorizontal2.html fichier MenuHorizontal2.css |
| exempleMenu.html | Exemple de menu horizontal déroulant | fichier exempleMenu.html fichier menu.css |
Télécharger les codes sources : ExemplesCSS-Menus.zip