olivier evrard

*********************
*********************

1.3 Web

ex_3

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

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

*********************