Squelette et outils

Squelette HTML standard¶

<!doctype html>

<html lang="fr">

    <head>
        <title>TITRE DE LA PAGE</title>
        <meta name="author" content="NOM DE L'AUTEUR">
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/styles.css">
    </head>

    <body>
        <!-- CONTENU DE LA PAGE -->
    </body>

</html>

Squelette avec Bootstrap¶

<!doctype html>

<html lang="fr">

    <head>
        <title>TITRE DE LA PAGE</title>
        <meta name="author" content="NOM DE L'AUTEUR">
        <meta charset="utf-8">
        <!--Détection de la taille d'affichage-->
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!--CSS Bootstrap 5.3-->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    </head>

    <body>
        <!-- CONTENU DE LA PAGE -->

        <!--Script Bootstrap-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
    </body>

</html>

Ligne d'appel Fontawesome¶

Ajouter ce script à la fin du HTML, avant la balise </body> pour créer un lien entre votre page HTML et Fontawesome :

<script src="https://kit.fontawesome.com/d6973d5988.js" crossorigin="anonymous"></script>

Ce script indique à Fontawesome que votre page HTML utilise le compte du Cégep de Lévis pour avoir accès aux icônes.

En effet, Fontawesome exige la création d'un compte pour pouvoir utiliser leurs icônes.

Attention à la version

Ce script vous donne accès aux icônes gratuits de la version 6 de Fontawesome!

Fontawesome

Tous les autres icônes ne fonctionneront pas.