Que contient cette page d'aide
Cette page d'aide te permet de comprendre comment résoudre les énigmes.
Certaines énigmes te proposeront un lien hypertexte pointant directement vers la section jugée utile, mais il est probable que pour chaque énigme il te faudra lire l'aide si tu n'es pas familier avec les langages HTML, CSS, ou JavaScript.
Comment afficher le code source HTML d'une page web
L'une des méthodes les plus simples pour afficher le code source d'une page web est d'utiliser le raccourci clavier Ctrl + U (ou Cmd + U sur Mac) dans de nombreux navigateurs. Ce raccourci ouvre une nouvelle fenêtre ou un nouvel onglet contenant le code source HTML de la page web.
Structure de base en HTML
Le code HTML est composé de balises (encadrées par des < >) qui décrivent la structure de la page web.
Vous y trouverez des balises telles que <html>, <head>, et <body>, qui définissent la structure de la page.
Contenu d'une page HTML
Le texte, les images, les liens, et d'autres éléments visibles sur la page sont inclus dans le code source à l'intérieur de balises HTML.
Par exemple, <p> pour les paragraphes, <img> pour les images, <a> pour les liens, etc.
Intégration des CSS (Cascading Style Sheets)
Les règles de style qui définissent l'apparence de la page web peuvent être intégrées directement dans le code source HTML.
Vous les trouverez dans la section <head> du HTML, à l'intérieur de balises <style> ou intégrées dans des balises <link>.
Les CSS décrivent la police, les couleurs, les marges, le positionnement des éléments, etc.
Les règles de style peuvent également être définies par un fichier externe.
Inclusion des scripts JavaScript
Les scripts JavaScript, qui ajoutent des fonctionnalités dynamiques à la page, peuvent être intégrés directement dans le code HTML.
Vous les trouverez souvent à l'intérieur de balises <script> dans la section <head> ou à la fin du code HTML, à l'intérieur de la section <body>.
Ils peuvent également être inclus via des fichiers externes, en utilisant la balise <script> avec l'attribut src pour spécifier l'emplacement du fichier JavaScript.
Localiser des fichiers externes
Les fichiers CSS et JavaScript peuvent également être inclus en tant que fichiers externes.
Les balises <link> pour les fichiers CSS et <script> avec l'attribut src pour les fichiers JavaScript sont utilisées pour lier ces fichiers depuis des emplacements distants.
L'utilité des commentaires en HTML, CSS, et JavaScript
Les commentaires dans le code source servent à expliquer, documenter et organiser le code, facilitant ainsi sa compréhension, sa maintenance, et la collaboration entre développeurs.
En HTML : Les commentaires sont entourés de <!-- et -->.
Par exemple : <!-- Ceci est un commentaire -->.
En CSS : Les commentaires sont inclus entre /* et */.
Par exemple : /* Commentaire CSS */.
En JavaScript : Les commentaires d'une ligne commencent par //, tandis que les commentaires multi-lignes sont encadrés par /* et */.
Chercher un terme sur une page web
Pour rechercher rapidement un élément spécifique sur une page, vous pouvez utiliser une fonctionnalité pratique appelée Recherche sur la page
. Pour ce faire, appuyez sur les touches Ctrl et F simultanément sur votre clavier (ou Cmd et F sur un Mac). Cela fera apparaître une petite boîte de recherche où vous pouvez taper le mot ou la phrase que vous cherchez. Ensuite, le navigateur marquera toutes les occurrences de cet élément sur la page, vous permettant de les trouver facilement sans avoir à faire défiler tout le contenu. C'est une astuce utile pour gagner du temps lors de la navigation sur le web.
Comment rafraîchir / actualiser une page web
Actualiser une page web est une action simple qui permet de mettre à jour le contenu affiché dans votre navigateur. Voici comment procéder :
Utiliser la touche de rafraîchissement : La méthode la plus courante consiste à utiliser la touche F5 de votre clavier.
Raccourci clavier : Un raccourci clavier pratique consiste à appuyer simultanément sur Ctrl (ou Cmd sur Mac) et la touche R pour actualiser la page en cours.
Clic droit et actualiser : En effectuant un clic droit n'importe où sur la page web (sauf sur des liens ou des images), sélectionnez l'option Actualiser
dans le menu contextuel.
Bouton d'actualisation : La plupart des navigateurs disposent d'un bouton Actualiser
dans leur barre d'outils. Cliquez simplement sur ce bouton pour actualiser la page.
Visualiser les cookies déposés par un site web
Pour visualiser les cookies d'un site web, on va devoir installer une extension au navigateur. Une extension, également appelée module complémentaire ou add-on, est un petit programme informatique qui s'intègre dans votre navigateur web pour ajouter des fonctionnalités ou modifier son comportement. Ces extensions sont conçues pour personnaliser votre expérience de navigation en vous permettant d'ajouter des fonctionnalités supplémentaires, de bloquer des publicités, de gérer des cookies, de traduire des pages web, et bien plus encore.
L'extension à installer pour visualiser les cookies dépend de votre navigateur actuel.
| Edge | Firefox | Chrome | Safari |
|---|---|---|---|
| Cookie-Editor | Cookie Quick Manager | EditThisCookie | Cookie-Editor |
Une fois l'extension installée, vous pouvez y accéder via une icône ressemblant à une pièce de puzzle dans la barre supérieure de votre navigateur.
Modifier / supprimer un cookie
Pour modifier ou supprimer un cookie, vous devrez passer par l'extension préalablement installée.
Bloquer les publicités
Pour bloquer les publicités des sites web, il suffit d'installer une extension au navigateur. L'extension à installer est uBlock Origin
sur la plupart des navigateurs.
| Edge | Firefox | Chrome | Safari |
|---|---|---|---|
| uBlock Origin | uBlock Origin | uBlock Origin | AdBlock |
Effacer sa progression et recommencer les énigmes
En cliquant sur le bouton si dessous, vous allez effacer votre progression et recommencer de zéro. Cette action est irréversible.