HTML – CSS

Inititation

Contexte
Différence entre HTML et CSS
Historique des versions
Navigateurs actuels
Editeurs textuels ou visuels

Balises de base
Langage de description
Types de document
Commentaires
En-tête
Corps

Textes
Paragraphes
Titres
Présentations
Citations
Listes
Abréviations
Caractères spéciaux (entités HTML)

Liens
Lien relatif et absolu
Lien vers une page
Lien vers un site
Lien vers un e-mail
Lien de téléchargement
Lien vers une ancre

Contenants HTML 5
En-tête, Pied, Côté
Section, Article
Nav
Canvas

Listes
Types (ordonné et non-ordonné)
Sous-listes
Menus

Tableaux
Lignes et cellules
Titre
Bordure
Division et fusion

Images
Format d’images
Image et infobulle
Lien sur image
Image cliquable
Carte-image

Formulaires
Champ de texte
Zone de texte
Bouton radio
Case à cocher
Liste de sélection
Bouton
Champs HTML 5 (recherche, URL, email, nombre, date, couleur)

Bases du CSS
Langage de présentation
Règle de style
Déclaration
Ordre de priorité, cascade et héritage
Mesures
Couleurs (base)
Préfixes
Commentaires

Associations
Contextuelle
Interne
Externe

Principes
Cascade
Héritage
Priorités dans la cascade

Sélecteurs
De balise, d’ID et de classe
Pseudo-classe
Groupé
Additionnel

Texte
Polices de caractère (formats, Google, TypeKit, outils)
Taille
Couleur
Graisse
Italisation
Décoration
Espacement
Alignement
Lettrine
Colonnes

Arrière-plan
Couleur
Motif en image
Positionnement avec image

Listes
Marqueurs
Retrait

Liens

Sélecteur pseudo-classe
Menu vertical ou horizontal

Conteneurs
Modèle de boîtes
Boites avec div et span
Taille
Marge interne et externe
Positionnement relatif et absolu
Flottement et flux
Débordement
Types d’affichage
Visibilité
Mise en page

Couleurs
Code et fonctions
Dégradés (linéaire et radial)

Ombres
Texte
Boîte

Bordures
Coins arrondis
En images

Mises en page
En flux
Hors flux

Perfectionnement

Multimedia

Video (codec, logiciels, balise HTML 5, type MIME)
Audio (encodage, logiciels, balise HTML 5)
jQuery (concept de base, bannière animée, album photo)

Référencement
Principes de base
Métatags

Accessibilité
Codes spécifiques
Conseils

Sélecteurs avancés
Descendant
Adjacent
Attribut
Pseudo-classe (ancre, structure, type, vide, complémentaire)
Pseudo-élements

Elément
Contenu
Compteur
Curseur

Arrière-plan
Multiple
Survol

Listes
Menus horizontal et vertical
Menus déroulants

Design adaptatif (responsive)
Sélecteur media

Interface
Curseurs

Animations
Transitions
Animations par keyframes
Transformations

Supports divers
Types de média de sortie (screen, print, mobile)
Sauts de page

 

Accéder aux notes de cours