Comment afficher un code HTML dans le navigateur?

Afficher le résultat d’un code HTML dans le navigateur. Pour afficher notre fichier dans le navigateur, nous allons aller le chercher dans notre dossier puis effectuer un clic droit dessus et choisir « ouvrir avec… » + le navigateur de votre choix. Voici le résultat que vous devriez avoir :

Est-ce que votre page HTML doit être valide?

Faites bien attention néanmoins (surtout au début) à ne pas oublier qu’une page HTML pour être valide doit toujours posséder la structure minimale vue au chapitre précédent et à ne pas l’oublier lorsque vous codez dans votre éditeur ! Dès que votre page est prête, nous allons l’enregistrer à nouveau pour ensuite l’afficher dans notre navigateur.

Comment enregistrer un fichier de code?

Il y a quelques règles à respecter lorsqu’on enregistre un fichier de code : le nom du fichier ne doit pas contenir d’espace ni de caractères spéciaux (pas de caractères accentués ou de ponctuation ni de sigles) et doit commencer par une lettre. Ici, on peut enregistrer notre fichier sous le nom cours.html par exemple pour faire très simple.

Comment afficher un fichier dans votre navigateur?

Dès que votre page est prête, nous allons l’enregistrer à nouveau pour ensuite l’afficher dans notre navigateur. Pour afficher notre fichier dans le navigateur, nous allons aller le chercher dans notre dossier puis effectuer un clic droit dessus et choisir « ouvrir avec… » + le navigateur de votre choix.

Comment modifier le code source d’une page?

Cliquez avec le bouton droit de la souris sur la section en surbrillance, puis cliquez sur Afficher la source de sélection. Utilisez le module complémentaire Firebug pour non seulement afficher le code source d’une page, mais aussi pour modifier et afficher ces modifications en direct via le navigateur.

Comment afficher la source d’une page web dans Google Chrome?

Pour afficher le code source d’une page Web dans Google Chrome, suivez les étapes ci-dessous. Appuyez sur Ctrl+U sur le clavier de votre ordinateur. Cliquez avec le bouton droit de la souris sur une partie vide de la page Web et sélectionnez Afficher la source de la page dans le menu contextuel qui apparaît.

Comment afficher le code source d’une page web?

Dans Microsoft Edge, l’outil DOM fournit également une interaction avec le code source et les paramètres CSS, permettant aux utilisateurs de voir comment les modifications du code affectent immédiatement la page Web. Pour afficher le code source d’une page Web dans Microsoft Internet Explorer, suivez les étapes ci-dessous.

Comment enregistrer nos fichiers sur votre bureau?

Pour cela, allez dans l’onglet « fichier » puis « enregistrer sous » ou utilisez le raccourci CMD+SHIFT+S (pour Mac) ou CTRL+SHIFT+S (pour Windows). Pour la suite de ce cours, je vous propose de créer un dossier qu’on va appeler « cours » sur votre bureau. Nous allons enregistrer nos différents fichiers dans ce dossier.