HTML Layouts
Londres est la capitale de l'Angleterre. Il est la ville la plus peuplée du Royaume-Uni, avec une région métropolitaine de plus de 13 millions d'habitants.
Debout sur la Tamise, Londres a été un règlement important depuis deux millénaires, son histoire qui remonte à sa fondation par les Romains, qui la nommèrent Londinium.
Mise en page HTML Éléments
HTML5 offre de nouveaux éléments sémantiques qui définissent les différentes parties d'une page web:
Techniques de mise en page HTML
Il existe quatre façons de créer des mises en page sur plusieurs colonnes. Chaque façon a ses avantages et ses inconvénients:
- tables HTML
- propriété CSS float
- framework CSS
- CSS FlexBox
Lequel choisir?
Tableaux HTML
Astuce: Ne pas utiliser des tables pour votre mise en page!
Cadres CSS
Si vous voulez créer votre mise en page rapide, vous pouvez utiliser un cadre, comme W3.CSS ou Bootstrap.
Flotteurs CSS
Exemple float
Londres est la capitale de l'Angleterre. Il est la ville la plus peuplée du Royaume-Uni, avec une région métropolitaine de plus de 13 millions d'habitants.
Debout sur la Tamise, Londres a été un règlement important depuis deux millénaires, son histoire qui remonte à sa fondation par les Romains, qui la nommèrent Londinium.
CSS Flexbox
Flexbox est un nouveau mode de mise en page CSS3.
L'utilisation de FlexBox assure que les éléments se comportent de manière prévisible lorsque la mise en page doit recevoir différentes tailles d'écran et les différents dispositifs d'affichage. Inconvénients: ne fonctionne pas dans IE10 et plus tôt.
En savoir plus sur FlexBox dans notre CSS chapitre Flexbox.
Exemple Flexbox
Londres est la capitale de l'Angleterre. Il est la ville la plus peuplée du Royaume-Uni, avec une région métropolitaine de plus de 13 millions d'habitants.
Debout sur la Tamise, Londres a été un règlement important depuis deux millénaires, son histoire qui remonte à sa fondation par les Romains, qui la nommèrent Londinium.