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