Wie Source Code auf einer Webseite anzeigen

Web-Browser können Sie die HTML- und CSS-Quellcode einer Webseite anzuzeigen. einen Blick auf den Quellcode einer Web-Seite Schleichen ist eine großartige Möglichkeit, um zu sehen, wie es gebaut - und zu sehen, wie Sie etwas Ähnliches tun können.

Um zu sehen, den HTML-Code hinter einer Web-Seite, folgen Sie diesen einfachen Schritten:

  1. Gehen Sie online und einen Web-Browser, wie Mozilla Firefox oder Internet Explorer.

  2. Gehen Sie auf jeder Website, indem Sie die URL einer Webseite eingeben, deren HTML-Quellcode Sie möchten, um zu sehen.

  3. Schauen Sie sich den HTML-Quellcode der Seite:

  4. View-Seite Quelle in der Menüleiste in Firefox wählen.

  5. View-Quelle im Internet Explorer wählen.

  6. Sie werden ein neues Fenster mit dem HTML-Code für die aktuelle Seite sehen Sie anzeigen. Wenn Sie den Code Blick, werden Sie den Textinhalt der Seite, und alle Tags für jeden Link zu sehen. Sie können die gesamte Seite oder eines Teils davon auswählen und kopieren.

Die Quelle-Fenster zeigt Ihnen nur den HTML-Code, keine extern verlinkten CSS-Dokumente (siehe folgende Abbildung). Wenn die Seite CSS verwendet, wird der Abschnitt an der Spitze des HTML-Code, um den URL-Pfad auf die CSS-Datei enthalten. Sie können den Pfad kopieren und einfügen, dass Sie in Ihren Browser Standort Feld, wie in einer Web-Adresse eingeben und den CSS-Code zu sehen, dass die Seite verwendet.

In dem Beispiel wird die CSS-Link als geschriebenes relativ Pfad - bezogen auf den Pfad bereits im Web-Browser. Zur Vervollständigung der Pfad, den Sie benötigen /unassets/css/smart_min.css an die URL anhängen, die am oberen Rand des Bildschirms in der Adressleiste zeigt.

Wenn Sie den relativen Pfad zur URL hinzugefügt haben, drücken Sie oder klicken Sie auf Geben Sie die CSS- zugreifen, wenn Sie Windows ausführen, zeigt die CSS in eine Editor-Datei auf, die, wie in der folgenden Abbildung automatisch dem Bildschirm öffnet sich.

Durch das Kopieren und Einfügen der CSS-URL-Pfad in einem Browser-Fenster, können Sie eine Seite anzeigen's CSS source
Durch das Kopieren und Einfügen der CSS-URL-Pfad in einem Browser-Fenster können Sie eine Seite der CSS-Quelldatei anzuzeigen.

Menü