Référence des éléments HTML5 – Liste complète des balises en 2020

Référence des éléments HTML 5.3

Dans ce nouvel article, je vous propose la liste complète des éléments HTML de la spécification la plus récente (HTML 5.3). Cette liste est ordonnée conformément à la référence officielle disponible à l’adresse https://www.w3.org/TR/html53/.   Eléments, balises et attributs HTML – Syntaxe et rôle Les éléments sont à la base du fonctionnement du HTML. Ils … Lire la suiteRéférence des éléments HTML5 – Liste complète des balises en 2020

Quelles différences entre visibility: hidden et display: none ?

Différence entre visibility: hidden et display: none

Il existe deux grands moyens de cacher ou de masquer un élément HTML en CSS : on peut soit lui appliquer un visibility : hidden, soit lui appliquer un display : none. Ces deux méthodes vont toutes les deux nous permettre de cacher un élément. Cependant, elles ne sont pas équivalentes au sens où elles … Lire la suiteQuelles différences entre visibility: hidden et display: none ?

Créer une carte interactive en HTML (carte cliquable)

Dans ce nouveau tutoriel, nous allons apprendre à réaliser une carte interactive ou dynamique, c’est-à-dire une carte avec des portions cliquables en HTML grâce aux éléments map et area. Nous allons ici créer une carte interactive des régions de France. Chaque région de la carte devra être cliquable indépendamment des autres. Pour cela, nous allons … Lire la suiteCréer une carte interactive en HTML (carte cliquable)

Sélecteurs CSS (simples et complexes) – Liste et utilisation

Liste sélecteurs CSS 3 et CSS 4

Le CSS va nous permettre de mettre en forme nos contenus HTML en appliquant des styles aux différents éléments. Cependant, pour appliquer un style particulier à un ou plusieurs éléments HTML en CSS, il va avant tout falloir les cibler, c’est-à-dire indiquer avec précision à quels éléments doivent s’appliquer les styles créés en CSS. Il … Lire la suiteSélecteurs CSS (simples et complexes) – Liste et utilisation

Comment modifier les styles et la couleur d’un placeholder

Tutoriels HTML et CSS complets

Un placeholder en HTML est un attribut qu’on va pouvoir utiliser avec des éléments de type « champ » comme l’élément de formulaire input. Le placeholder est un texte d’exemple qui permet de donner des indications aux utilisateurs sur la forme des données attendues pour un champ. Pendant longtemps, il n’existait pas de moyen simple de personnaliser … Lire la suiteComment modifier les styles et la couleur d’un placeholder

Centrer horizontalement ou verticalement un élément HTML en CSS

Tutoriels HTML et CSS complets

Aujourd’hui, je vous présente différentes techniques pour centrer des éléments HTML en utilisant du CSS. Avant tout, il va falloir distinguer différents cas selon le type de centrage souhaité (on peut centrer un élément HTML horizontalement ou centrer un élément HTML verticalement) et selon le type d’élément (block ou inline) à centrer. En effet, un … Lire la suiteCentrer horizontalement ou verticalement un élément HTML en CSS

Création d’un formulaire HTML simple

Création d'un formulaire HTML simple

  Les éléments de formulaire Le HTML met à notre disposition une série d’éléments qui vont nous permettre de créer nos formulaires. Ces différents éléments vont nous permettre de définir le formulaire en soi, de créer des zones de saisie de texte courtes ou longues, de proposer des zones d’options à nos utilisateurs, etc. Les … Lire la suiteCréation d’un formulaire HTML simple

Les sprites d’images CSS

  Définition des sprites et utilisation Un sprite d’images correspond à une collection d’images rassemblées en une seule grande image. L’idée derrière l’utilisation de sprites est de réduire le nombre de requêtes serveur. En effet, en cas d’images séparées, une requête va être envoyée au serveur pour récupérer chaque image présente dans une page web … Lire la suiteLes sprites d’images CSS