Toutes les façons de mettre du style dans une page HTML

Voici les différentes façons d'ajouter un style à une balise HTML

1 Méthode standard avec fichier CSS externe

Code source de la page web

<link href="css/style.css" media="all" rel="stylesheet" /> <h1>Titre de la page</h1>

code source du fichier css/style.css

h1 {color:red; font-size:24px; text-align:center; }

2 Avec code CSS dans le fichier directement

Code source de la page web

source code

<style media="all" type="text/css"> h1 {color:red; font-size:24px; text-align:center; } </style>

3 Avec style directement sur l'élément

Code source de la page web

source code

<h1 style="color:red; font-size:24px; text-align:center;">Titre de la page</h1>