Comment afficher le code source HTML dans Google Chrome
ce qu’il faut savoir
- Faites un clic droit sur la page Web et sélectionnez Afficher le code source de la page.
- Raccourci : Appuyez sur Ctrl+tu (PC Windows) ou Commande+Choix+tu (Pomme).
- Pour utiliser les outils de développement de Chrome, sélectionnez menu (trois points) > plus d’outils > outils de développement.
Cet article explique comment accéder au code source HTML d’un site Web dans le navigateur Web Google Chrome, ainsi qu’accéder et utiliser les outils de développement de Chrome. L’affichage du code source d’un site est un excellent moyen pour les débutants d’apprendre le HTML.
Afficher le code source dans Chrome
Alors, comment visualisez-vous le code source d’un site Web ? Voici des instructions étape par étape pour effectuer cette opération à l’aide du navigateur Google Chrome.
-
Ouvrir Navigateur Web Google Chrome (Si vous n’avez pas installé Google Chrome, il s’agit d’un téléchargement gratuit).
-
aller vers page Web que vous souhaitez vérifier.
-
clic-droit cette page et regardez le menu qui apparaît.Dans ce menu, cliquez sur Afficher le code source de la page.
-
Le code source de la page apparaîtra désormais sous la forme d’un nouvel onglet dans le navigateur.
-
Alternativement, vous pouvez également utiliser des raccourcis clavier Ctrl+tu Ouvre une fenêtre sur le PC qui affiche le code source du site.Sur un Mac, ce raccourci est Commande+Choix+tu.
Hilary Allison/ledigitalpost
Utilisation des outils de développement de Chrome
à part simple Afficher le code source de la page Fonctionnalités fournies par Google Chrome, vous pouvez également profiter de leurs excellents outils de développement pour approfondir le site. Ces outils vous permettent non seulement d’afficher le code HTML, mais également le CSS qui s’applique aux éléments d’affichage de ce document HTML.
Pour utiliser les outils de développement de Chrome :
-
Ouvrir Google Chrome.
-
la navigation page Web que vous souhaitez vérifier.
-
choisir menu de trois heures dans le coin supérieur droit de la fenêtre du navigateur.
-
Dans le menu, survolez plus d’outils puis sélectionnez outils de développement dans le menu qui s’affiche.
-
Une fenêtre s’ouvrira montrant le code source HTML sur le côté gauche du volet et le CSS associé sur le côté droit.
-
ou si vous faites un clic droit un élément dans une page web et sélectionnez un examen Dans le menu qui apparaît, les outils de développement de Chrome apparaîtront et mettront en surbrillance la partie spécifique du code HTML que vous avez sélectionnée, avec le CSS correspondant sur la droite. Ceci est utile si vous souhaitez en savoir plus sur une partie spécifique du site Web.
Est-il légal de voir le code source ?
Au fil des ans, de nombreux nouveaux concepteurs de sites Web se sont demandé s’il était acceptable de consulter le code source d’un site Web et de l’utiliser pour leur formation et, en fin de compte, pour le travail qu’ils font. Bien qu’il ne soit certainement pas acceptable de copier massivement le code d’un site Web et de le transmettre comme votre propre code, l’utilisation de ce code comme tremplin pour l’apprentissage est en fait à quel point l’industrie a progressé.
Comme nous l’avons mentionné au début de cet article, vous aurez du mal à trouver un professionnel du Web qui n’a rien appris en consultant le code source d’un site Web ! Oui, il est légal de visualiser le code source d’un site Web. Il est également sûr d’utiliser ce code comme ressource pour créer quelque chose de similaire. Laisser le code tel quel et le transmettre comme votre travail est l’endroit où vous commencez à rencontrer des problèmes.
Enfin, les professionnels du web apprennent les uns des autres et améliorent souvent le travail qu’ils voient et inspirent, alors n’hésitez pas à consulter le code source du site et à l’utiliser comme outil d’apprentissage.
plus que du HTML
Une chose à garder à l’esprit est que les fichiers source peuvent être très complexes (plus le site Web que vous consultez est complexe, plus le code de ce site Web peut être complexe). En plus de la structure HTML qui compose la page, il existe également des CSS (Cascading Style Sheets) qui déterminent l’apparence visuelle du site. De plus, de nombreux sites Web contiennent aujourd’hui des fichiers de script inclus avec le code HTML.
Peut contenir plusieurs fichiers de script ; en fait, chacun alimente un aspect différent du site Web. Franchement, le code source d’un site Web peut sembler écrasant, surtout si vous êtes nouveau dans ce domaine. Ne soyez pas frustré si vous ne pouvez pas comprendre tout de suite ce qui se passe avec le site. L’affichage du code source HTML n’est que la première étape du processus. Avec un peu d’expérience, vous commencerez à mieux comprendre comment toutes ces pièces s’emboîtent pour créer le site Web que vous voyez dans votre navigateur. Au fur et à mesure que vous vous familiariserez avec le code, vous pourrez en apprendre davantage, et cela ne vous semble pas si intimidant.
Merci de nous en informer!
Dites-nous pourquoi !
D’autres détails ne sont pas assez difficiles à comprendre
