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