1.3 Web
Exercice
Réalisez une mise en page basique avec images, fond, liens, listes à puces personnalisées et centrage de l’élément (div) principal. Afin de mieux gérer la mise en page et pouvoir coder du css sur des éléments précis, nous utiliserons les balises de structure HTML5 (<header>, <nav>, <main>, <footer>).
Il ne faut pas confondre <head> (tête du site) qui donne des instructions aux navigateurs avec <header> (en-tête) qui est une balise structurante de contenu qui s’affiche dans la page.
HTML-CSS (partie 3)
Les joies de la mise en forme avec CSS
Mise en page du site
- Les balises structurantes de HTML5
- Les marges + centrage d’un bloc
- Un arrière-plan extensible intelligent
- Toutes les balises HTML
Code
À placer dans le <head> de votre HTML pour le lier à votre fichier CSS.
<link rel="stylesheet" href="style.css" />CSS -> pour « renter » les puces dans la liste:
ul{
list-style-position: inside;
}Exercice