Apprendre à coder en HTML - CSS - · PDF fileClasse de 2nde ICN Apprendre à...

Click here to load reader

  • date post

    25-Jun-2018
  • Category

    Documents

  • view

    233
  • download

    0

Embed Size (px)

Transcript of Apprendre à coder en HTML - CSS - · PDF fileClasse de 2nde ICN Apprendre à...

  • Classe de 2nde ICN

    Apprendre coder en HTML - CSS

    Table des matires1. Introduction......................................................................................................................................42. Les bases en HTML et CSS..............................................................................................................4

    2.1. Les bases du HTML..................................................................................................................42.1.1. lments, balises et attributs.............................................................................................42.1.2. Structure de base dune page en HTML5.........................................................................62.1.3. Afficher un document en HTML5 dans le navigateur......................................................72.1.4. Bonnes pratiques, rgles et commentaires........................................................................72.1.5. Les lments Heading, Paragraph et Break.....................................................................102.1.6. Les lments Strong, Emphasis et Mark.........................................................................112.1.7. Listes ordonnes et non-ordonnes.................................................................................122.1.8. Listes de dfinitions........................................................................................................142.1.9. Listes imbriques............................................................................................................142.1.10. Liens internes et liens externes.....................................................................................152.1.11. Les autres types courants de liens.................................................................................182.1.12. Validation et compatibilit entre navigateurs................................................................20

    2.2. Les bases du CSS....................................................................................................................202.2.1. Slecteurs, proprits et valeurs......................................................................................202.2.2. O crire le CSS ?...........................................................................................................212.2.3. Les commentaires en CSS...............................................................................................232.2.4. Slecteurs simples et limitations.....................................................................................232.2.5. Les lments div et span.................................................................................................252.2.6. Les lments de type block et inline...............................................................................262.2.7. Les slecteurs avancs.....................................................................................................272.2.8. La notion dhritage........................................................................................................27

    3. Formater du Texte & Positionner des lments.............................................................................283.1. Les Proprits de Type Font- ............................................................................................28

    3.1.1. La proprit font-size......................................................................................................283.1.2. La proprit font-style.....................................................................................................293.1.3. La proprit font-weight.................................................................................................303.1.4. La proprit line-height...................................................................................................313.1.5. La proprit font-family..................................................................................................313.1.6. Les web safe fonts .....................................................................................................323.1.7. La proprit color............................................................................................................323.1.8. Lopacit dun texte.........................................................................................................34

    3.2. Les Proprits de Type Text- ............................................................................................353.2.1. Lalignement dun texte..................................................................................................353.2.2. La proprit text-decoration............................................................................................363.2.3. La proprit text-indent...................................................................................................363.2.4. La proprit text-transform.............................................................................................373.2.5. Les proprits letter-spacing et word-spacing.................................................................37

    1-html_css.odt 1

  • Classe de 2nde ICN

    3.2.6. Les ombres des textes.....................................................................................................383.3. Le Modle des Botes.............................................................................................................38

    3.3.1. Hauteur et largeur dun lment......................................................................................393.3.2. Les bordures et les bordures arrondies............................................................................403.3.3. Les marges intrieures.....................................................................................................413.3.4. Les marges extrieures....................................................................................................423.3.5. Les ombres des botes.....................................................................................................433.3.6. Faire flotter un lment...................................................................................................443.3.7. La proprit display........................................................................................................463.3.8. La proprit position.......................................................................................................473.3.9. Le z-index.......................................................................................................................483.3.10. Notations long-hand et short-hand................................................................................49

    4. Fonctionnalits Avances...............................................................................................................504.1. Gestion du Background..........................................................................................................50

    4.1.1. Ajouter de la couleur ou une image pour le fond............................................................504.1.2. Position et rptition du fond..........................................................................................534.1.3. Fixer le fond ou le faire dfiler avec la page...................................................................554.1.4. Insrer plusieurs images de fond.....................................................................................564.1.5. Crer un fond en dgrad................................................................................................574.1.6. Les dgrads de type linaire..........................................................................................584.1.7. Les dgrads de type radial.............................................................................................59

    4.2. Intgrer des Images, de lAudio et de la Vido.......................................................................614.2.1. Insrer une image............................................................................................................614.2.2. Ajuster et positionner une image.....................................................................................624.2.3. Insrer de lAudio...........................................................................................................644.2.4. Insrer de la Vido..........................................................................................................664.2.5. Les lments Figure et Figcaption..................................................................................68

    4.3. Les Tableaux...........................................................................................................................684.3.1. Cration dun tableau simple..........................................................................................684.3.2. Mise en forme dun tableau.............................................................................................694.3.3. Construire un tableau structur.......................................................................................714.3.4. Combiner des cellules.....................................................................................................72

    4.4. Les Formulaires......................................................................................................................734.4.1. Introduction aux formulaires...........................................................................................734.4.2. Crer le squelette d'un formulaire...................................................................................734.4.3. Crer un formulaire simple.............................................................................................744.4.4. Saisie d'un champ email ou