Comment ajouter une feuille de style externe en HTML

La méthode correcte pour ajouter une feuille de style externe en HTML est d'utiliser la balise <link>. Cette balise est habituellement placée dans la section <head> de votre document HTML. Elle vous permet de lier votre document HTML à une feuille de style externe, ce qui est très utile pour obtenir un design cohérent sur plusieurs pages.

Voici comment vous pouvez procéder :

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Dans cet exemple, mystyle.css est le nom du fichier CSS que vous voulez lier à votre page HTML. Notez que le chemin vers le fichier CSS doit être correct pour que le navigateur puisse le trouver.

La balise <link> comporte plusieurs attributs importants :

rel : Cet attribut définit la relation entre la page HTML actuelle et celle à laquelle vous la liez. Dans ce cas, "stylesheet" signifie que le lien se réfère à une feuille de style externe.
type : Cet attribut définit le type de média de la ressource liée. Pour une feuille de style, la valeur appropriée est "text/css".
href : Cet attribut spécifie le chemin vers le fichier que vous voulez lier.

Il est important de savoir que les autres méthodes proposées dans le quiz, à savoir l'utilisation des balises <style src="mystyle.css" /> et <stylesheet>mystyle.css</stylesheet>, sont incorrectes et ne fonctionneront pas en HTML. La balise <style> est utilisée pour intégrer du CSS directement dans votre document HTML et ne comporte pas d'attribut src. De même, <stylesheet> n'est pas une balise HTML valide.

L'utilisation de feuilles de style externes offre plusieurs avantages. Elles permettent de réduire la redondance dans votre code, de faciliter la maintenance de votre site et d'améliorer les performances en permettant aux navigateurs de mettre en cache les fichiers CSS.

Comment ajouter une feuille de style externe en HTML

Related Questions