Balise HTML ul – L’élément de liste non ordonnée

La balise HTML ul - Référence éléments

Définition L’élément ul représente une liste non ordonnée, c’est-à-dire une liste composée d’éléments sans hiérarchie ni ordre logique apparent ou qu’on souhaite faire ressortir. Chaque élément d’une liste non ordonnée est représenté par un élément HTML li. Ces éléments de liste possèdent des marqueurs qui prennent la forme de puces par défaut. On peut cependant … Lire plus

Balise HTML pre – L’élément de formatage du texte

La balise HTML pre - Référence éléments

Définition L’élément HTML pre permet de conserver le formatage effectué sur des texte avant l’affichage dans le navigateur, c’est-à-dire lors de la création du code dans l’éditeur de texte. Cet élément est généralement utilisé pour afficher du texte possédant un formatage particulier ou pour afficher tout simplement des exemples de code. On peut notamment l’utiliser … Lire plus

Flexbox CSS – Flexible Box Layout : Le Guide Complet

Flexbox CSS - Flexible Box Layout - Guide Complet

Le flexbox ou modèle des boites flexibles est un des modèles de disposition CSS les plus puissants que l’on va pouvoir manipuler. Le flexbox va nous permettre de créer des dispositions complexes pour nos documents HTML. Ce modèle se compose d’un conteneur flexible et d’éléments flexibles dont la principale caractéristique va d’être… flexibles, c’est-à-dire de … Lire plus

Balise HTML p – L’élément de paragraphe

La balise HTML p - Référence éléments

Définition L’élément HTML p représente un paragraphe. Un paragraphe est un ensemble de texte qui peut occuper autant de lignes qu’on le souhaite dans un document. L’élément p est généralement défini comme un élément de type bloc par les navigateurs, ce qui implique qu’il occupera toute la largeur disponible dans son élément conteneur. On peut … Lire plus

Balise HTML ol – L’élément de liste ordonnée

La balise HTML ol - Référence éléments

Définition L’élément HTML ol représente une liste ordonnée d’éléments. On utilise un élément de liste ordonnée lorsqu’on veut mettre en avant un certain ordre hiérarchique et / ou logique entre les éléments de la liste. Les éléments d’une liste ordonnée sont définis par des éléments HTML li. Chaque nouvel élément de liste doit être déclaré … Lire plus

Balise HTML li – L’élément de liste

La balise HTML li - Référence éléments

Définition L’élément HTML li représente un élément de liste d’une liste ordonnée ou non ordonnée (mais pas d’une liste de définitions). On va donc placer les éléments li à l’intérieur d’un élément ol (liste ordonnée) ou ul (liste non ordonnée) et utiliser autant d’éléments li que notre liste contient d’éléments de liste. Un marqueur (ou … Lire plus

Modes d’écriture et valeurs logiques CSS

Writing mode et valeurs logiques CSS

Dans le but d’améliorer l’accessibilité de certains documents et notamment des documents internationaux, le CSS a récemment introduit de nouveaux types de valeurs appelées valeurs « logiques » qui vont être amenées à remplacer les valeurs « physiques » dans certains cas et pour certaines propriétés. L’introduction et la standardisation des valeurs logiques devrait être … Lire plus

Balise HTML dl – L’élément de liste de définitions

La balise HTML dl - Référence éléments

Définition L’élément dl représente une liste de définitions, qu’on appelle également « liste de descriptions ». Ce type de liste est particulier en HTML et doit toujours être composé de paires « terme à définir + définition ». L’élément dl est utilisé pour représenter la liste en soi. On utilisera ensuite à l’intérieur des balises … Lire plus

Balise HTML div – Elément conteneur générique de niveau bloc

La balise HTML div - Référence éléments

Définition de la balise HTML div L’élément div est un conteneur générique. Cela signifie qu’il ne possède aucune sémantique mais est utilisé uniquement pour organiser du contenu. Le fait que l’élément div ne possède aucun « sens » en fait un élément qui va à l’encontre du rôle du HTML dont le but est justement … Lire plus

Définir des grilles CSS : Le guide complet – CSS Grid Layout

Les grilles CSS - Grid Layout - Guide complet

Le modèle des grilles est le modèle de disposition CSS le plus puissant qu’on puisse manipuler à ce jour. C’est un modèle totalement bidimensionnel, ce qui signifie qu’on va avoir accès à des propriétés similaires pour disposer nos éléments selon l’axe horizontal ou l’axe vertical (à la différence du modèle des boites flexibles dans lequel … Lire plus

© Pierre Giraud - Toute reproduction interdite - Mentions légales