Τρόπος προβολής του πηγαίου κώδικα της σελίδας

Πίνακας περιεχομένων:

Τρόπος προβολής του πηγαίου κώδικα της σελίδας
Τρόπος προβολής του πηγαίου κώδικα της σελίδας

Βίντεο: Τρόπος προβολής του πηγαίου κώδικα της σελίδας

Βίντεο: Τρόπος προβολής του πηγαίου κώδικα της σελίδας
Βίντεο: Ετοιμαστείτε για την εορταστική περίοδο 2024, Απρίλιος
Anonim

Η περιήγηση σε ένα πρόγραμμα περιήγησης οργανώνεται με τον ακόλουθο τρόπο: το πρόγραμμα στέλνει ένα αίτημα στον διακομιστή που καθορίζεται στον σύνδεσμο και σε απάντηση λαμβάνει ένα σύνολο "ανταλλακτικών" και οδηγίες συναρμολόγησης. Τα ανταλλακτικά είναι εικόνες, στοιχεία φλας, ήχος και άλλα αρχεία και οδηγίες για το πώς να τα τοποθετήσετε σωστά στη σελίδα, να χρωματίσετε το φόντο της, να χρησιμοποιήσετε συγκεκριμένες γραμματοσειρές και μεγέθη γραμματοσειρών κ.λπ. περιέχονται στον πηγαίο κώδικα της σελίδας. Ο χρήστης του προγράμματος περιήγησης μπορεί να δει τον ίδιο τον κωδικό, και όχι μόνο τη σελίδα που συγκεντρώνεται σύμφωνα με τις οδηγίες του.

Τρόπος προβολής του πηγαίου κώδικα της σελίδας
Τρόπος προβολής του πηγαίου κώδικα της σελίδας

Οδηγίες

Βήμα 1

Τα σύγχρονα προγράμματα περιήγησης έχουν ενσωματωμένη λειτουργικότητα για την προβολή του πηγαίου κώδικα μιας σελίδας. Για παράδειγμα, στην Όπερα, για να ενεργοποιήσετε αυτήν την επιλογή, κάντε κλικ στο χώρο της ανοιχτής σελίδας του ιστότοπου που δεν περιέχει εικόνες, συνδέσμους και άλλα στοιχεία και στο αναπτυσσόμενο μενού περιβάλλοντος επιλέξτε το στοιχείο "Πηγαίος κώδικας". Το πρόγραμμα περιήγησης θα ανοίξει την πηγή σε ξεχωριστή καρτέλα, χρωματίζοντας τις γραμμές που σχετίζονται με ετικέτες HTML, σενάρια και απλό κείμενο σε τρία χρώματα.

Βήμα 2

Παρόμοια σημεία, αλλά διατυπωμένα λίγο διαφορετικά, βρίσκονται στο μενού περιβάλλοντος και σε άλλα προγράμματα περιήγησης. Για παράδειγμα, στο Google Chrome αυτό το στοιχείο ονομάζεται "Προβολή κωδικού σελίδας", στο Mozilla Firefox επιλέξτε τη γραμμή "Πηγαίος κώδικας της σελίδας" και Internet Explorer - "Προβολή κώδικα HTML". Ο συνδυασμός χρωμάτων του κώδικα θα διαφέρει επίσης ελαφρώς σε διαφορετικές εφαρμογές.

Βήμα 3

Το πρόγραμμα περιήγησης Google Chrome έχει μια πολύ πιο προηγμένη επιλογή προβολής πηγής. Για να το χρησιμοποιήσετε, στο ίδιο μενού περιβάλλοντος, επιλέξτε το στοιχείο "Προβολή κωδικού στοιχείου". Μετά από αυτό, η καρτέλα με την ανοιχτή ιστοσελίδα θα χωριστεί σε δύο καρέ - στο επάνω μέρος θα παραμείνει η εμφάνισή της, και στο κάτω θα υπάρχουν λεπτομερείς πληροφορίες που συλλέγονται όχι μόνο από τις ετικέτες πηγαίου κώδικα, αλλά και από τα περιλαμβανόμενα Αρχεία τύπου CSS. Μπορείτε να επιλέξετε γραμμές προέλευσης στο κάτω πλαίσιο και το πρόγραμμα περιήγησης θα επισημάνει στο επάνω μέρος τις περιοχές της σελίδας που σχηματίζονται από αυτές τις γραμμές. Ομοίως, η επιλογή ενός στοιχείου στο πάνω πλαίσιο θα προκαλέσει την εμφάνιση του αντίστοιχου κώδικα στο κάτω μέρος.

Βήμα 4

Εάν η σελίδα αποθηκευτεί στον σκληρό δίσκο του υπολογιστή σας, το αρχείο μπορεί να ανοίξει με οποιονδήποτε επεξεργαστή κειμένου - ο πηγαίος κώδικας γράφεται σε αυτό ως απλό κείμενο. Απλώς σύρετε αυτό το αρχείο στο παράθυρο του Notepad, του Word ή οποιασδήποτε άλλης εφαρμογής αυτού του είδους. Χρησιμοποιώντας έναν κανονικό επεξεργαστή, μπορείτε όχι μόνο να προβάλετε τον πηγαίο κώδικα, αλλά και να τον επεξεργαστείτε.

Συνιστάται: