Tuto HTML/CSS
Comment faire un masque sur une image en CSS ?
La propriété « mask-image » est une fonctionnalité de CSS qui vous permet de définir une image qui agit comme un masque pour votre élément HTML. Cela signifie que vous pouvez utiliser…
21 – Modèle des grilles CSS
Cette vidéo de formation HTML CSS, va introduire des propriétés CSS concernant le modèle de grille. Nous allons élaborer, ensuite, un template de page en utilisant les grilles CSS.
20 – Réalisation d’un template de page responsive design
Cette vidéo pour apprendre le HTML CSS, va vous montrer comment réaliser un gabarit de page sur deux colonnes. Un template qui se compose de l’entête, du corps principal, d’une…
19 – FLEXBOX, le modèle de boîte flexible
Cette vidéo pour apprendre le HTML CSS, va vous montrer comment disposer des boîtes dans leur espace grâce à l’utilisation de FLEXBOX. Actuellement très répandue dans le webdesign moderne, l’utilisation…
18 – Le responsive design ou responsive web design (RWD)
Cette vidéo pour apprendre le HTML CSS, va vous montrer comment réaliser un affichage fluide pour que vos pages HTML s’adaptent aux différentes tailles d’écran. On y verra donc les…
17 – Mise en forme des boîtes
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous montrer comment réaliser certains effets sur les boîtes. On pourra appliquer un dégradé en couleur de fond ou encore…
16 – La propriété FLOAT
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous expliquer le positionnement des éléments avec la propriété FLOAT. On commencera donc à réaliser un « template » de page avec…
15 – Le positionnement des éléments
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous expliquer le positionnement des éléments. Nous allons étudier la propriété CSS : position. Cette dernière peut prendre les valeurs…
14 – Modèle de boîte
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous expliquer le modèle de boîte. Nous allons mettre des marges externes et internes à nos éléments et constater leur…
13 – Les éléments de type BLOCK et INLINE
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous expliquer les comportements que peuvent avoir un élément HTML de type BLOCK ou INLINE.
12 – Les éléments DIV et SPAN
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous expliquer l’intérêt des éléments DIV et SPAN. On commencera à constituer un « template » de site internet avec l’en-tête, le…
11 – Les couleurs en CSS
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous expliquer comment mettre de la couleur en CSS à vos éléments HTML. Je vous expliquerai également la syntaxe en…
10 – Les propriétés de mise en forme du texte
Cette vidéo, du cours HTML CSS gratuit, présente la manière de mettre en forme le texte. Nous verrons donc comment aligner du texte, le mettre en caractères gras ou italiques…
09 – Les sélecteurs simples
Cette vidéo, de la formation HTML et CSS, présente la manière de cibler les éléments HTML à l’aide de sélecteurs. Les balises sont ciblées par élément, class ou identifiant.
08 – Mettre du style à une page HTML
Cette vidéo, de la formation HTML et CSS, présente la manière d’ajouter du style à une page HTML. Nous commençons à voir quelques propriétés CSS.
07 – Les formulaires
Cette vidéo, de la formation HTML et CSS, présente la manière de créer un formulaire en HTML. Nous verrons les balises FORM, INPUT et LABEL.
06 – Les sites de références HTML/CSS
Cette courte vidéo présente deux sites de référence pour votre apprentissage HTML et CSS. Il ne faut pas hésiter à les consulter pour avoir de nombreux exemples de syntaxe HTML…
05 – Les tableaux
Cette vidéo, de cours HTML CSS gratuit pour débutants, va vous expliquer comment créer des tableaux dans vos pages HTML.
04 – Les liens hypertextes
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous expliquer comment créer des liens hypertextes dans vos pages HTML. Nous verrons comment mettre en place des liens internes,…
03 – Les balises de base
Cette vidéo, de formation HTML CSS gratuite pour débutants, va vous montrer les principales balises HTML pour structurer du texte et ajouter des images dans une page web.
02 – Structure d’une page HTML
Voyons comment créer notre première page HTML avec sa structure de base dans notre formation HTML CSS gratuite pour débutants.
