Ένας τρόπος εισαγωγής μιας σελίδας σε μια σελίδα είναι να χρησιμοποιήσετε τη δυνατότητα HyperText Markup Language (HTML) για να χωρίσετε τη σελίδα σε ξεχωριστά παράθυρα. Τέτοια παράθυρα ονομάζονται "πλαίσια" και μπορεί να υπάρχουν πολλά από αυτά σε μία σελίδα. Κάθε πλαίσιο, με τη σειρά του, μπορεί να περιέχει ένα σύνολο πλαισίων και κάθε ένα από αυτά μπορεί να φορτωθεί με σελίδες από διαφορετικές πηγές.
Είναι απαραίτητο
Σημειωματάριο επεξεργαστή κειμένου
Οδηγίες
Βήμα 1
Για να δημιουργήσετε ένα τέτοιο σύνολο σελίδων σε μια σελίδα, ξεκινάτε δημιουργώντας ένα κοντέινερ για πλαίσια. Η οδηγία στο πρόγραμμα περιήγησης για τη δημιουργία ενός τέτοιου κοντέινερ σε HTML μοιάζει με αυτήν:
Τέτοιες οδηγίες ονομάζονται "ετικέτες". Αυτές είναι οι ετικέτες ανοίγματος και κλεισίματος του δοχείου, μεταξύ των οποίων πρέπει να τοποθετηθούν ετικέτες για να σχηματίσουν τα πλαίσια. Οι ετικέτες περιέχουν διάφορες πρόσθετες πληροφορίες που ονομάζονται "χαρακτηριστικά" ετικετών. Στην ετικέτα ανοίγματος, πρέπει να καθορίσετε πώς ακριβώς πρέπει να διαιρείται ο χώρος σελίδας μεταξύ των πλαισίων:
Εδώ, το χαρακτηριστικό "cols" υποδηλώνει ότι η σελίδα των δύο πλαισίων πρέπει να χωρίζεται κάθετα, δίνοντας σε κάθε ένα το 50% του πλάτους του παραθύρου. Για να χωρίσετε τη σελίδα οριζόντια, χρησιμοποιείται ένα άλλο χαρακτηριστικό, "σειρές":
Το ίδιο μπορεί να γραφτεί με αυτόν τον τρόπο:
Εδώ, ένας αστερίσκος (*) υποδεικνύει ότι όλο το υπόλοιπο χώρο πρέπει να δοθεί στο δεύτερο πλαίσιο. Μπορείτε να καθορίσετε τιμές όχι σε ποσοστά, αλλά σε "pixel" - αυτή είναι η κύρια μονάδα μέτρησης που χρησιμοποιείται στη διάταξη σελίδας:
Βήμα 2
Έχουμε ασχοληθεί με το εμπορευματοκιβώτιο, τώρα πρέπει να γράψουμε τα ίδια τα πλαίσια. Η ετικέτα πλαισίου HTML στην απλούστερη μορφή της μοιάζει με αυτήν: Εδώ το χαρακτηριστικό "src" δείχνει τη διεύθυνση Διαδικτύου της σελίδας που πρέπει να φορτωθεί σε αυτό το πλαίσιο. Εάν η σελίδα βρίσκεται στον ίδιο διακομιστή και στον ίδιο φάκελο (ή υποφάκελο), τότε δεν είναι απαραίτητο να προσδιορίσετε την πλήρη διεύθυνση, το όνομα αρχείου και η διαδρομή προς τον υποφάκελο είναι αρκετά. Αυτές οι διευθύνσεις ονομάζονται "σχετικές" και οι πλήρεις διευθύνσεις ονομάζονται "απόλυτες". Η ίδια ετικέτα με τη σχετική διεύθυνση της σελίδας για φόρτωση: - Χρησιμοποιώντας το χαρακτηριστικό "κύλιση", μπορείτε να ορίσετε τους κανόνες για τις γραμμές κύλισης αυτού του πλαισίου: Η τιμή "ναι" σημαίνει ότι αυτό το πλαίσιο θα έχει πάντα γραμμές κύλισης. Εάν εισαγάγετε την τιμή "όχι" - δεν θα είναι ποτέ και η τιμή "αυτόματη" καθορίζει ότι οι γραμμές κύλισης θα εμφανίζονται όπως απαιτείται εάν το περιεχόμενο του πλαισίου δεν ταιριάζει στα όριά του. - Από προεπιλογή, τα περιθώρια των πλαισίων σε η σελίδα μπορεί να μετακινηθεί με το ποντίκι. Αλλά αν ορίσετε το χαρακτηριστικό noresize στην ετικέτα, τότε αυτή η λειτουργία θα απενεργοποιηθεί: - Η ετικέτα καρέ έχει δύο χαρακτηριστικά που ορίζουν τα περιθώρια μεταξύ παρακείμενων πλαισίων - το εύρος περιθωρίου δείχνει το μέγεθος του περιθωρίου από το παρακείμενο περιθώριο οριζόντια (αριστερά και δεξιά), marginheight - κάθετα (κάτω και πάνω): - Ένα άλλο χαρακτηριστικό - όνομα - δίνει το δικό του όνομα στο πλαίσιο. Αυτό μπορεί να χρειαστεί εάν τα πλαίσια περιέχουν σενάρια που πρέπει να κάνουν κάτι σε παρακείμενα πλαίσια και να τα διακρίνουν με ονόματα:
Βήμα 3
Αυτό το θεωρητικό υπόβαθρο είναι αρκετό για να δημιουργήσει μια απλή σελίδα που περιέχει, για παράδειγμα, δύο σελίδες από άλλους ιστότοπους. Ένα απλό πρόγραμμα επεξεργασίας κειμένου θα είναι αρκετό για εσάς - ένα τυπικό σημειωματάριο είναι μια χαρά. Δημιουργήστε ένα νέο έγγραφο και εισαγάγετε τον ακόλουθο κώδικα HTML σε αυτό:
Τώρα αποθηκεύστε το έγγραφό σας με επέκταση html - για παράδειγμα, test.html. Μετά από αυτό, κάνοντας διπλό κλικ στο αρχείο test.html θα ξεκινήσει το πρόγραμμα περιήγησης και το πρόγραμμα περιήγησης θα εκτελέσει τις οδηγίες που σας γράψατε στον κώδικα html. Το αποτέλεσμα πρέπει να μοιάζει με αυτό:
