ALIGN="στοίχιση"

BGCOLOR="χρώμα φόντου"

COLSPAN="αριθμός κελιών"

HEIGHT="Ύψος κελιού"

ROWSPAN=" αριθμός κελιών"

VALIGN="κάθετη στοίχιση"

WIDTH="πλάτος κελιού"

Το χαρακτηριστικό ALIGN καθορίζει την ευθυγράμμιση των περιεχομένων του κελιού. Μπορεί να έχει μία από τις τρεις τιμές: LEFT (αριστερό άκρο), RIGHT (δεξιά άκρη) και CENTER (κέντρο). Η προεπιλογή είναι CENTER.

Το χαρακτηριστικό BGCOLOR καθορίζει το χρώμα φόντου για το κελί. Η τιμή του μπορεί να καθοριστεί με συμβολικό συμβολισμό ή σε μορφή RGB.

Το χαρακτηριστικό COLSPAN σάς επιτρέπει να συγχωνεύσετε πολλά γειτονικά κελιά οριζόντια. Η τιμή αυτού του χαρακτηριστικού είναι ο αριθμός των κελιών που πρόκειται να συγχωνευθούν.

Το χαρακτηριστικό HEIGHT καθορίζει το ύψος του κελιού σε pixel.

Το χαρακτηριστικό ROWSPAN σάς επιτρέπει να συγχωνεύετε κάθετα πολλά γειτονικά κελιά. Η τιμή αυτού του χαρακτηριστικού είναι ο αριθμός των κελιών που πρόκειται να συγχωνευθούν.

Το χαρακτηριστικό VALIGN καθορίζει την κατακόρυφη στοίχιση των περιεχομένων του κελιού. Μπορεί να έχει τις ακόλουθες τιμές: TOP (επάνω άκρη), ΜΕΣΗ (μεσαία) και BOTTOM (κάτω άκρη). Η προεπιλογή είναι ΜΕΣΗ.

Το χαρακτηριστικό WIDTH καθορίζει το πλάτος του κελιού σε pixel.

Ερωτήσεις για ενοποίηση.

1. Σε τι διαφέρουν οι παράγραφοι από τις επικεφαλίδες;

   Τι είδη λιστών υπάρχουν;

   Ποιες ετικέτες χρησιμοποιούνται για την αλλαγή της γραμματοσειράς; Τι είναι "πληροφορίες";

4. Εργασία για το σπίτι:

1. Δημιουργήστε έναν πίνακα που περιέχει ένα κελί στην πρώτη σειρά, δύο στη δεύτερη και τρία κελιά στην τρίτη.

2. Παρατηρήστε στην πράξη το αποτέλεσμα της χρήσης διαφορετικών τιμών για το χαρακτηριστικό ALIGN της ετικέτας .

ετικέτες html (8)

Αυτήν τη στιγμή μαθαίνω html/css και έχω παρατηρήσει ότι μια κοινή τεχνική είναι η τοποθέτηση ενός γενικού κοντέινερ div στη ρίζα της ετικέτας σώματος:

Υπάρχει καλός λόγος για αυτό; Γιατί το css δεν μπορεί να αναφέρει την ετικέτα σώματος;

Αυτή είναι μια από τις μεγαλύτερες κακές συνήθειες που διαπράττουν τρίτοι κωδικοποιητές.

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

Θα ήμουν πρόθυμος να στοιχηματίσω ότι αυτοί οι ίδιοι κωδικοποιητές που χρησιμοποιούν δοχεία div επίσης γεμίζουν τη σήμανση τους με div μέσα σε div - παντού.

Μην το κάνεις αυτό. Χρησιμοποιήστε τα div με φειδώ και στοχεύστε σε ακριβή διάταξη.

ΕΝΗΜΕΡΩΣΗ - Δεν είμαι σίγουρος τι συμβαίνει με το SO επειδή μπορώ να επεξεργαστώ αυτήν την απάντηση πριν από 5 χρόνια, αλλά δεν μπορώ να απαντήσω σε σχόλια, καθώς λέει ότι χρειάζομαι 50 επαναλήψεις για να το κάνω. Ως εκ τούτου, θα προσθέσω την απάντησή μου στις απαντήσεις που ελήφθησαν εδώ. - = - = -

Μόλις το βρήκα αυτό, χρόνια μετά την απάντησή μου, και βλέπω ότι υπάρχουν κάποιες επακόλουθες απαντήσεις. Και φυσικά, αστειεύεστε;

Η ρύθμιση ιστοτόπου κράτησης θέσης που βρήκατε για τον τομέα μου, η οποία ποτέ δεν ισχυρίστηκα ότι ήταν η σήμανση ή το στυλ μου, ούτε καν αναφέρθηκε στην ανάρτησή μου, ήταν ξεκάθαρα μια βασική ρύθμιση CMS με μία λέξη περιεχομένου (είπε το ίδιο στο αρχική σελίδα). Αυτό δεν είναι η σήμανση και το στυλ μου. Αυτό ήταν το προεπιλεγμένο πρότυπο του Silverstripe. Και δεν αναλαμβάνω την ευθύνη για αυτό. Ωστόσο, αυτό είναι ίσως ένα από τα δύο παραδείγματα που μπορώ να σκεφτώ ότι θα απαιτούσε ένα δοχείο div.

Παράδειγμα 1: Ένα γενικό πρότυπο σχεδιασμένο για να φιλοξενεί άγνωστα. Σε αυτήν την περίπτωση, βλέπετε το προεπιλεγμένο πρότυπο CMS, το οποίο έχει ένα div μέσα σε ένα div μέσα σε ένα div.

Παράδειγμα 2: Διάταξη τριών στηλών για να καθαρίσει σωστά το υποσέλιδο (νομίζω ότι αυτό ήταν πιθανώς το σενάριο που χρειαζόμουν το κοντέινερ για να είναι δύσκολο να το θυμηθώ γιατί ήταν πριν από χρόνια.)

Μόλις δημιούργησα (δεν τελείωσα ακόμα) ένα θέμα για τον τομέα μου και άρχισα να ανεβάζω περιεχόμενο. Για αυτό το εύκολα επιτεύξιμο παράδειγμα σημασιολογικής σήμανσης, κάντε κλικ στον σύνδεσμο.

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

Το σημάδι πρέπει να προστεθεί όπως χρειάζεται, όχι επειδή είναι όπως το είδατε.

Από προεπιλογή, τα περισσότερα προγράμματα περιήγησης παίρνουν το μέγεθος της ιστοσελίδας. Έτσι, κάποια σελίδα δεν θα εμφανίζεται το ίδιο διαφορετικά προγράμματα περιήγησης. Έτσι, η χρήση του χρήστη μπορεί να αλλάξει για ένα συγκεκριμένο στοιχείο HTML. Για παράδειγμα, ένας χρήστης μπορεί να προσθέσει τον δείκτη, το μέγεθος, το πλάτος και το ύψος μιας συγκεκριμένης ετικέτας HTML.

Μερικά προγράμματα περιήγησης ( Internet Explorer) δεν υποστηρίζουν ορισμένες ιδιότητες στο σώμα, ιδιαίτερα το πλάτος και το μέγιστο πλάτος .

Οι πιο συνηθισμένοι λόγοι για μένα είναι:

1. Η διάταξη μπορεί να έχει σταθερό πλάτος (ναι, ξέρω, δουλεύω πολύ για σχεδιαστές που τους αρέσει σταθερό πλάτος) και
2. Με αυτόν τον τρόπο η διάταξη μπορεί να κεντραριστεί εφαρμόζοντας στοίχιση κειμένου: στο κέντρο στο σώμα και στη συνέχεια περιθώριο: αυτόματο στα αριστερά και δεξιά του div του κοντέινερ.

Γνωρίζω ότι αυτή είναι μια παλιά ερώτηση, αλλά αντιμετώπισα αυτό το πρόβλημα κατά τον επανασχεδιασμό ενός ιστότοπου. Ο Τρόι Νταλμάσο με έβαλε σε σκέψεις. Κάνει μια καλή άποψη. Άρχισα λοιπόν να βλέπω αν θα μπορούσα να το κάνω να λειτουργήσει χωρίς κοντέινερ div.

Θα μπορούσα όταν ρυθμίσω το πλάτος του σώματος. Στην περίπτωσή μου - 960 pixel.

Αυτό είναι το css που χρησιμοποιώ:

Αυτό κεντράρει τέλεια τα ενσωματωμένα μπλοκ που έχουν επίσης σταθερό πλάτος.

Ελπίζω ότι αυτό είναι χρήσιμο για όλους.

Αυτή η μέθοδος σάς επιτρέπει να προσαρμόσετε όλο το περιεχόμενό σας πιο ευέλικτα. Δημιουργήστε αποτελεσματικά δύο δοχεία που μπορείτε να χρησιμοποιήσετε. Μια ετικέτα HTML που χρησιμεύει ως φόντο και ένα div με το αναγνωριστικό του κοντέινερ που περιέχει το περιεχόμενό σας.

Αυτό σας επιτρέπει να τοποθετείτε περιεχόμενο στη σελίδα ενώ διαγράφετε το φόντο ή άλλα εφέ χωρίς ταλαιπωρία. Σκεφτείτε το ως ένα "Πλαίσιο" για περιεχόμενο.

Τα Container div είναι πολύ καλά γιατί αν θέλετε ο ιστότοπος να είναι κεντραρισμένος, απλά δεν μπορείτε να το κάνετε μόνο με το σώμα ή το html... Αλλά μπορείτε, με τα div. Γιατί δοχείο; Συνήθως χρησιμοποιείται μόνο επειδή ο κώδικάς του πρέπει να είναι καθαρός και ευανάγνωστος. Αυτό είναι λοιπόν ένα κοντέινερ... Περιέχει ολόκληρο τον ιστότοπο, σε περίπτωση που θέλετε να το ξεγελάσετε :)

Οι ετικέτες Div χρησιμοποιούνται για το στυλ μιας ιστοσελίδας ώστε να φαίνεται οπτικά ελκυστική για τους χρήστες ή το κοινό του ιστότοπου. Η χρήση ενός κοντέινερ div σε html θα κάνει τον ιστότοπο πιο επαγγελματικό και ελκυστικό και επομένως περισσότεροι άνθρωποι θα θέλουν να εξερευνήσουν τη σελίδα σας.

Ένα κοντέινερ είναι ένα στοιχείο μιας σελίδας HTML που έχει σχεδιαστεί για να επισημαίνει ένα συγκεκριμένο τμήμα της. Αυτό θα μπορούσε να είναι μια παράγραφος, επικεφαλίδα, απόσπασμα, απόσπασμα κειμένου κ.λπ. Το πρόγραμμα περιήγησης δεν επισημαίνει το κοντέινερ στη σελίδα html με κανέναν τρόπο.

Χρησιμοποιώντας ένα κοντέινερ, ένας webmaster μπορεί να «δέσει» το επιθυμητό στυλ σε ένα συγκεκριμένο στοιχείο μιας σελίδας HTML. Επιπλέον, το κοντέινερ παρέχει «δέσμευση» συμπεριφοράς σε ένα στοιχείο της σελίδας html.

Υπάρχουν δύο τύποι εμπορευματοκιβωτίων: τα block containers και τα inline containers.

Ενσωματωμένο δοχείοείναι μέρος ενός στοιχείου μπλοκ μιας σελίδας html. Για παράδειγμα, ένα κοντέινερ μπλοκ μπορεί να είναι ένα τμήμα κειμένου παραγράφου, μια γραφική εικόνα που τοποθετείται σε μια παράγραφο κ.λπ.

Μια ζευγοποιημένη ετικέτα χρησιμοποιείται για τη δημιουργία ενός ενσωματωμένου κοντέινερ ΣΠΙΘΑΜΗ. Το απαιτούμενο τμήμα στοιχείου μπλοκ τοποθετείται μέσα στην ετικέτα ΣΠΙΘΑΜΗ, και το επιθυμητό στυλ δημιουργείται σε CSS, το οποίο στη συνέχεια "επισυνάπτεται" στην ετικέτα ΣΠΙΘΑΜΗ.

Μπλοκ δοχεία

Ένα μπλοκ κοντέινερ σχηματίζεται χρησιμοποιώντας μια ζευγοποιημένη ετικέτα DIVκαι χρησιμοποιείται αρκετά συχνά. Διάφορα στοιχεία μπλοκ τοποθετούνται σε ένα δοχείο μπλοκ: παράγραφοι, επικεφαλίδες, πίνακες κ.λπ.

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

Πραγματικά δεν ήθελα να αγνοήσω αυτά τα θεμελιώδη πράγματα και πραγματικά ζητώ συγγνώμη από όσους τα γνώριζαν ήδη όλα αυτά, αλλά ήθελαν να ακούσουν ακριβώς τη συζήτηση και δεν άκουσαν.

Σε αυτό το άρθρο θα προσπαθήσω να καλύψω τη διαφορά και να βελτιωθώ. Ελπίζω ότι δεν θα χρειαστεί να παρεκκλίνω πολύ από το κύριο θέμα. Λοιπόν, θα θεωρήσουμε ότι οι συγγνώμες και οι μεταμέλειες έχουν τελειώσει και είναι καιρός να ασχοληθούμε επιτέλους.

Δημιουργούμε μια διάταξη ιστότοπου σε 2 στήλες με βάση τη διάταξη DIV

Έτσι, στο προηγούμενο άρθρο, δημιουργήσαμε έναν φάκελο TEST στη φιλοξενία μας (αν και για αυτούς τους σκοπούς, δείτε την επισκόπηση των δυνατοτήτων του) τον φάκελο TEST, στον οποίο τοποθετήσαμε τα δύο κύρια αρχεία της μελλοντικής μας διάταξης: Index.html και Style .css. Στην πραγματικότητα, θα αποτελέσουν την απλούστερη εκδοχή του πλαισίου μας.

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

Έτσι, θα χρειαστεί πρώτα να συνδεθείτε μέσω FTP. Οι λεπτομέρειες για τη σύνδεση μέσω FTP θα πρέπει να σας έχουν δοθεί από τον πάροχο φιλοξενίας (διαβάστε γενικά, α).

Αφού συνδεθείτε μέσω FTP (χρησιμοποιώ το πρόγραμμα FileZilla για αυτό το σκοπό - όλη η αλήθεια έχει γραφτεί γι 'αυτό και θα πω τα πάντα χρησιμοποιώντας το παράδειγμά του), τότε στο δεξί παράθυρο αυτού του προγράμματος θα δείτε τα περιεχόμενα του καταλόγου που έχει διαθέσει ο οικοδεσπότης για τους ιστότοπούς σας , τα σενάρια και τα παρόμοια.

Αλλά αυτός ο κατάλογος δεν θα είναι ο ριζικός φάκελος. Η ρίζα πρέπει να περιέχει το αρχείο Index.php, καθώς και όλα τα άλλα αρχεία και φακέλους της μηχανής που χρησιμοποιείτε.

Ένας ξεχωριστός κατάλογος χρησιμοποιείται για το σκοπό αυτό, αν και το όνομά του μπορεί να διαφέρει ανάλογα με τη συγκεκριμένη φιλοξενία. Η δομή των εσωτερικών φακέλων στον κύριο κατάλογο (που ανοίγει κατά τη σύνδεση στον ιστότοπο μέσω FTP) μπορεί επίσης να διαφέρει, αλλά η ουσία παραμένει η ίδια.

Για παράδειγμα, μπορείτε να δείτε την παρακάτω εικόνα:

Θα πρέπει να αντιγράψετε τα αρχεία του κινητήρα όχι σε αυτόν τον πολύ κορυφαίο κατάλογο, στον οποίο έχετε πρόσβαση μέσω FTP, αλλά στον λεγόμενο ριζικό φάκελο. Πώς να μάθετε ποιος από τους καταλόγους που υπάρχουν εκεί είναι το root;

Λοιπόν, ως έσχατη λύση, μπορείτε να ρωτήσετε τον ίδιο τον ιδιοκτήτη φιλοξενίας. Λοιπόν, είναι υποχρεωμένοι να σε βοηθήσουν σε τέτοια θέματα. Αλλά γενικά, θα ονομάζεται πιο συχνά είτε PUBLIC_HTML είτε HTMLDOCS.

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

Πώς να δημιουργήσετε έναν κατάλογο χρησιμοποιώντας το FileZilla; Ναι, πολύ απλό. Απλώς πρέπει να ανοίξετε τον κατάλογο τέλους στη δεξιά πλευρά του προγράμματος και να κάνετε δεξί κλικ σε έναν κενό χώρο και να επιλέξετε "Δημιουργία καταλόγου" από το μενού περιβάλλοντος.

Phew, δημιουργήσαμε έναν φάκελο TEST στον ριζικό κατάλογο του ιστότοπου. Και ευχαριστώ για αυτό. Σε γενικές γραμμές, δεν υπήρχε λόγος να ασχοληθούμε με αυτό. Πως και έτσι? Και κάπως έτσι. Ο κατάλογος TEST θα μπορούσε να δημιουργηθεί σε κάποιον εσωτερικό φάκελο του ιστότοπου, αλλά θα ήταν ακόμα πιο εύκολο στη ρίζα.

Για έναν τοπικό διακομιστή του Ντένβερ, θα χρειαστεί να δημιουργήσετε έναν κατάλογο TEST στον ακόλουθο κατάλογο:

C:\server\home\localhost\www\

Αντί για τη μονάδα δίσκου "C", πρέπει να καθορίσετε τη μονάδα δίσκου στον υπολογιστή σας όπου είναι εγκατεστημένος ο τοπικός διακομιστής. Στη συνέχεια, για να δείτε τη διάταξη 2 στηλών που δημιουργούμε με βάση τη διάταξη Div, πρέπει να πληκτρολογήσετε την ακόλουθη διαδρομή στη γραμμή διευθύνσεων του προγράμματος περιήγησης:

http://localhost/test/

Ανάθεμα, αν τα πεις όλα με τόση λεπτομέρεια, θα πάρεις ένα μικρό βιβλίο για τη διάταξη μπλοκ και το μεγαλύτερο μέρος του θα είναι αφιερωμένο στα βασικά του webmastering, αλλά δεν μπορώ να γράψω αλλιώς, έχω συνηθίσει να τακτοποιώ όλες οι αποχρώσεις στα ράφια. Μην ανησυχείτε, είμαστε αρκετά έξυπνοι webmasters που δεν είναι καθόλου νέοι σε όλα αυτά.

Ας συνεχίσουμε να μιλάμε για τη διάταξη. Στο αρχείο Index.html θα ορίσουμε τα ίδια τα κοντέινερ DIV, πάνω στα οποία θα κατασκευαστεί το πλαίσιο μας και στο αρχείο Style.css θα περιγράψουμε τη θέση και εμφάνισηαυτά τα δοχεία DIV. Αυτό είναι με λίγα λόγια, αλλά θα δείτε πώς θα εξελιχθεί στην πραγματικότητα λίγο αργότερα.

Για να παρακολουθούμε τα αποτελέσματα της εργασίας μας στο πρόγραμμα περιήγησης, θα επικοινωνούμε περιοδικά μαζί σας από γραμμή διεύθυνσηςπρόγραμμα περιήγησης στο φάκελο TEST που βρίσκεται στη φιλοξενία σας ή στο τοπικός διακομιστής. Στην περίπτωση ενός πραγματικού κεντρικού υπολογιστή, θα χρειαστεί να πληκτρολογήσετε κάτι σαν αυτό στη γραμμή διευθύνσεων του προγράμματος περιήγησής σας:

https://site/test

Αλλά υπάρχουν δύο «αλλά» εδώ. Πρώτον, αντί για https://site/ πρέπει να εισαγάγετε τη διεύθυνση URL σας και, δεύτερον, να δώσετε προσοχή στην περίπτωση των λατινικών γραμμάτων που συνθέτουν το όνομα του καταλόγου TEST σας.

Εάν γράψατε το όνομα του φακέλου με κεφαλαία γράμματα, τότε στη γραμμή διευθύνσεων πρέπει να πληκτρολογήσετε το όνομα του φακέλου με κεφαλαία γράμματα (έγραψα TEST εδώ με κεφαλαία, μόνο για να τον επισημάνω στο φόντο του το υπόλοιπο κείμενο).

Το γεγονός είναι ότι σε πραγματικό hosting, στις περισσότερες περιπτώσεις, οι διακομιστές λειτουργούν υπό μορφή UNIX λειτουργικό σύστημα, όπου Τα κεφαλαία και τα πεζά γράμματα είναι διαφορετικά(σε αντίθεση με τα Windows, με τα οποία έχουμε συνηθίσει να δουλεύουμε).

Αρχίζουμε να σχεδιάζουμε τη διάταξη του ιστότοπου σε 2 στήλες σε div

Όπως ανέφερα ήδη, πρώτα θα προσπαθήσουμε να δημιουργήσουμε μια διάταξη δύο στηλών, η οποία μπορεί να αναπαρασταθεί σχηματικά ως εξής:

Θα τοποθετήσουμε όλα τα στοιχεία σε ένα μεγάλο δοχείο Div, έτσι ώστε να μπορείτε να αλλάξετε το μέγεθος και την ευθυγράμμιση ολόκληρης της διάταξης μέσω των ιδιοτήτων αυτού του κοντέινερ. Μέσα στο κύριο Div θα υπάρχουν κοντέινερ που είναι υπεύθυνα για το σχηματισμό μεμονωμένων μπλοκ (κεφαλίδα, αριστερή στήλη, περιοχή περιεχομένου, υποσέλιδο).

Θα ορίσουμε τα μεγέθη τους και θα προσαρμόσουμε τη θέση τους στη σελίδα με χρησιμοποιώντας CSS. Ας ξεκινήσουμε λοιπόν.

Ας ξεκινήσουμε με το Index.html. Ανοίξτε το για επεξεργασία σε ένα πρόγραμμα επεξεργασίας βολικό για εσάς (χρησιμοποιώ το καλύτερο δωρεάν για αυτόν τον σκοπό συντάκτες κειμένουΣημειωματάριο ++ - ).

Για να συνηθίσετε στο σωστό σχέδιο Έγγραφα HTML, ας γράψουμε αμέσως το τυπικό μέρος (μόλις σταμάτησα σε αυτό στο προηγούμενο άρθρο. Θα υπάρχουν DOCTYPE () και όλες οι άλλες κορυφαίες ετικέτες που το πρόγραμμα περιήγησης, αν λείπουν, μπορεί να προσθέσει μόνο του (έχουν γίνει έξυπνα - είναι τρομακτικός):

Εξήγησα λεπτομερώς την έννοια όλων των γραμμών σε αυτόν τον κώδικα σε προηγούμενο άρθρο (δείτε τον σύνδεσμο στην αρχή αυτής της δημοσίευσης), οπότε τώρα θα εστιάσω μόνο στη γραμμή:

Αυτή η γραμμή λέει στο πρόγραμμα περιήγησης πού να κοιτάξει και πώς ονομάζεται το αρχείο καταρράκτη στυλ φύλλου (έχει επέκταση CSS), το οποίο χρειάζεται το πρόγραμμα περιήγησης για να εμφανίσει σωστά τη σχεδίαση του μελλοντικού προτύπου ιστότοπου που έχουμε σχεδιάσει. Στην περίπτωσή μας, ονομάζεται Style.css (), και πρέπει να το αναζητήσετε στον ίδιο φάκελο όπου βρίσκεται το Index.html (στην πραγματικότητα, στον οποίο είναι γραμμένη αυτή η γραμμή).

Γιατί στον ίδιο φάκελο; Διότι εάν δεν καθορίσετε καμία διαδρομή προς το αρχείο (αναφέρετε μόνο το όνομά του), τότε το πρόγραμμα περιήγησης θα το αναζητήσει στον ίδιο κατάλογο όπου βρίσκεται το τρέχον εκτελέσιμο αρχείο (στην περίπτωσή μας, αυτό είναι το Index.html). Εκείνοι. η απουσία διαδρομής θα είναι η ίδια όπως αν είχα γράψει τη διαδρομή προς το Style.css με τη μορφή:

Αλλά η πρώτη επιλογή εγγραφής είναι συντομότερη και πιο καθολική, γιατί η διαδρομή προς το φάκελο με τα αρχεία δεν υποδεικνύεται απευθείας εκεί, πράγμα που σημαίνει ότι μπορείτε να τοποθετήσετε τα αρχεία Index.html και Style.css σε άλλο κατάλογο, να αποκτήσετε πρόσβαση στο Index.html από τη γραμμή διευθύνσεων και το Style.css θα εξακολουθεί να φορτώνεται. Διαβάστε περισσότερα για σχετικούς και απόλυτους συνδέσμους).

Από αυτή την άποψη, θα ήθελα να σημειώσω ότι δεν χρειάζεται να ασχοληθείτε καθόλου με τη φιλοξενία ή έναν τοπικό διακομιστή. Μόλις δημιουργήστε στον υπολογιστή σαςοποιονδήποτε φάκελο και τοποθετήστε το Index.html και το Style.css σε αυτόν. Γράψτε στο πρώτο από αυτά τη διαδρομή προς το αρχείο Style.css με τη μορφή:

Αυτό είναι όλο. Θα πρέπει τώρα να μπορείτε να ανοίξετε το Index.html (κάντε διπλό κλικ σε αυτό) στο προεπιλεγμένο πρόγραμμα περιήγησής σας για το άνοιγμα αρχείων με Επέκταση HTMLστον υπολογιστή σας και το Style.css θα φορτωθεί αυτόματα.

Αυτή η μέθοδος είναι βολική στο στάδιο της εκμάθησης, αλλά και πάλι, όλα όσα σας είπα σχετικά με την εργασία σε έναν πραγματικό διακομιστή φιλοξενίας ή σε έναν τοπικό διακομιστή θα είναι σίγουρα χρήσιμα για εσάς στο μέλλον. Και τώρα η εργασία από έναν φάκελο στον υπολογιστή σας μπορεί να είναι ακόμα πιο βολική από ό,τι σε μια φιλοξενία. Αν και ποιος νοιάζεται.

Καταχωρούμε το απαιτούμενο σύνολο μπλοκ στο index.html

Τώρα θα χρειαστεί να δημιουργήσουμε τέσσερα δοχεία DIV για όλα τα μέρη της διάταξης των 2 στηλών μας (κεφαλίδα, αριστερή στήλη, περιοχή περιεχομένου, υποσέλιδο) και να τα περικλείσουμε σε ένα μεγάλο Div.

Τα ονόματα αυτών των μπλοκ μπορούν να συμπεριληφθούν μέσα σε δοχεία Div για τμήματα της διάταξης για σαφήνεια. Όλα αυτά θα τα γράψουμε μεταξύ των ετικετών Html Body ανοίγματος και κλεισίματος. Θα λάβετε κάτι σαν αυτόν τον κώδικα στο Index.html:

Εκείνοι. Αμέσως μετά την αρχική ετικέτα Body, γράψαμε την ετικέτα ανοίγματος του κύριου Div του κοντέινερ διάταξης:

Ο κόσμος των δωρεάν προγραμμάτων και χρήσιμες συμβουλές
2024 whatsappss.ru