HTML CSS 1

HTML/CSS 1er clic

• Repères historiques

• Concepts fondamentaux


HTML

• Un langage de balisage

• Règles de syntaxe et validateurs

• Structure d'une page web (formats, Doctypes, head, body…)

• Les balises usuelles et leurs attributs éventuels

• Affichage en ligne / affichage en bloc

• DIV et SPAN, deux types de conteneurs

• Les balises sémantiques : des conteneurs adaptés à la hiérarchie des données

• Chemins relatifs et absolus

• Les images

• Les tableaux


CSS

• Le principe des styles

• Les sélecteurs de type

• Classes et sélecteurs de classe

• Concept de cascade

• Feuilles de style interne et externe

• Les couleurs et leurs différentes notations

• Les unités de mesure (px, em, rem, %, vh…)

• Création d'une classe fluide pour les images

• Stylisation & transformation du texte

• Position (relative, absolute…) & Display (block, inline,flex…)

• Dimensions et positionnement des DIV

• Margin et Padding

• Id et sélecteurs d'Id

• Backgrounds simples et multiples

• Pseudo-classes & Pseudo-éléments

• Mise en forme des tableaux

• Implémentation de Google Fonts

• Transitions


Cas pratique

• Réalisation d'un site simple, avec une page d'accueil en plusieurs sections et une barre de

navigation.