Σημείωση

Για να διασφαλιστεί η συνέχεια του κειμένου που βρίσκεται στα κελιά των πινάκων, υπάρχει μια ειδική παράμετρος ετικέτα NOWRAP. Μπορείτε να μάθετε για αυτό στο Κεφάλαιο 4.

Μάθημα 5.

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

Κάνουμε τον κώδικα html εύχρηστο.

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

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

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

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

Διακοπή γραμμής Html. Η ετικέτα & ltbr & gt.

Δώστε προσοχή στην εικόνα. Στην πρώτη έκδοση, το κείμενο γράφεται σε μία γραμμή, στη δεύτερη έκδοση σε δύο γραμμές.

Το πρόγραμμα περιήγησης θα εμφανίσει και τις δύο επιλογές με τον ίδιο τρόπο. Το κείμενο θα γραφτεί σε μία γραμμή:

Γιατί συμβαίνει αυτό, ρωτάτε; Πράγματι, σε έναν από τους κωδικούς, μέρος του κειμένου έχει μεταφερθεί σε άλλη γραμμή. Θα ήταν λογικό αν στο πρόγραμμα περιήγησης κάποιο μέρος του κειμένου μεταφερθεί επίσης σε άλλη γραμμή, αλλά το html έχει τη δική του λογική ως προς αυτό. Εάν κάνουμε μια αλλαγή γραμμής στον κώδικα html, τότε για το πρόγραμμα περιήγησης ισοδυναμεί με ένα διάστημα(σαν κανονικός χώρος μεταξύ λέξεων στο κείμενο). Εάν μετακινήσουμε μέρος του κειμένου όχι μία γραμμή προς τα κάτω, αλλά 2 ή 3 (οποιοσδήποτε αριθμός), τότε το πρόγραμμα περιήγησης θα εξακολουθεί να υπολογίζει αυτήν την απόσταση ως ένα συνηθισμένο διάστημα μεταξύ των λέξεων και όταν εμφανίζεται στην οθόνη, το κείμενο θα γραφτεί σε μία γραμμή Ε

Ετικέτα & Ltbr & gt

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

Έχουμε εισαγάγει μια ετικέτα & ltbr & gtστον κώδικα html και τώρα όταν το αρχείο ξεκινήσει μέσω του προγράμματος περιήγησης, μέρος του κειμένου θα μεταφερθεί στην επόμενη γραμμή.
* Μην ξεχάσετε να αποθηκεύσετε τις αλλαγές στο Σημειωματάριο (Ctrl + S) και να ανανεώσετε τη σελίδα στο πρόγραμμα περιήγησης (F5).

Ετικέτα
ορίζει μια ροή γραμμών όπου βρίσκεται αυτή η ετικέτα. Σε αντίθεση με την ετικέτα παραγράφου

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

Σύνταξη

Κείμενο
κείμενο

Παράμετροι

Ετικέτα τέλους

Δεν απαιτείται.

Παράδειγμα 1. Χρήση ετικέτας

R.L. Στίβενσον

Summerρθε το καλοκαίρι στη χώρα

Η ρείκι ανθίζει ξανά.

Αλλά δεν υπάρχει κανείς να μαγειρέψει

Heather μέλι.

Περιγραφή των παραμέτρων ετικέτας

CLEAR παράμετρος

Περιγραφή

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

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

Σύνταξη

Επιχειρήματα

Προεπιλεγμένη τιμή

Αναλογικό CSS

Παράδειγμα 2. Ακύρωση περιτύλιξης κειμένου

Duis autem dolor in hendrerit in vulputate velit esse molestie resultat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dinigissim qui blandit praesent luptatum zzril delenit au gue duis dolore teugil feugat nulla facil

Σημείωση

Η χρήση της σαφούς παραμέτρου στις προδιαγραφές HTML 4 έχει καταργηθεί και συνιστάται Στοιχείο CSSσαφές - BR (σαφές: και τα δύο | αριστερά | κανένα | δεξιά).

Μορφοποίηση ετικετών

Όλοι ή σχεδόν όλοι το χρησιμοποιούν στη διάταξη. Πόσοι από εμάς, βάζοντας τον κώδικα
αναρωτιέται: χρειάζεται πραγματικά εδώ; Μεταξύ των άπειρων σχεδιαστών διάταξης, μπορείτε συχνά να δείτε διάταξη αυτής της φύσης: διάταξη του μενού

Και μπορείτε επίσης να βρείτε τέτοιες υπέροχες παραγράφους:

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

Ισχύουν
για το σχηματισμό παραγράφων - είναι σαν να σφυροκοπάτε καρφιά με ένα κατσαβίδι (αυτό είναι επίσης ένα εργαλείο, γιατί να μην σφυροκοπήσετε ένα καρφί, άλλο).

Σε τι χρησιμεύει η ετικέτα
?

ενημέρωση 02/23/10 - με "κόλπα" με λευκό χώρο: πριν πρέπει να είστε προσεκτικοί, γιατί με αυτήν τη μορφοποίηση, οι γραμμές που δεν ταιριάζουν στο μπλοκ δεν τυλίγονται αυτόματα σε μια νέα γραμμή. Αυτό ισχύει ιδιαίτερα για σχέδια από καουτσούκ. Σε τέτοιες περιπτώσεις, πρέπει ακόμα να υποβάλετε αίτηση
.

P (λευκό διάστημα: προ;)

Το σημείωμα

Η κοινότητα οπαδών της σημασιολογικής διάταξης δεν συμπεριλήφθηκε καθόλου
σε .

Που δεν πρέπει
?

• χρησιμοποιήστε ετικέτες όπως προορίζεται: για παραγράφους, αυτό είναι< >, για λίστες και -< >, < >, < >και τα λοιπά.;
• για μορφοποίηση κειμένου και ρύθμιση εσοχών, χρήση, όπως π.χ.
• χρήση επιμέρους στοιχείαγια τη δημιουργία συμβολοσειρών (τα ουδέτερα στοιχεία σήμανσης είναι τα καλύτερα για αυτό< >και< >).

Εξετάστε αρκετές πρακτικά παραδείγματα... Παράγραφοι:

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

Το SGSN μπορεί να υποστηρίξει έως και 1,5 εκατομμύρια ενεργές συνεδρίες PDP.

P (περιθώριο-κάτω: 12px;)

Πολλαπλές γραμμές αριθμών τηλεφώνου:

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

Μεταφέρουμε τη γραμμή

Υπάρχει μια μικρή ετικέτα για αυτό σε html -
(συντομογραφία από Διακοπή). Τι κάνει? Όλο το κείμενο που γράφεται μετά από αυτήν την ετικέτα θα εμφανίζεται σε μια νέα γραμμή. Ακόμα κι αν είναι ενεργοποιημένη τρέχουσα γραμμήυπάρχει ακόμα χώρος για την παραγωγή του, θα μετακινηθεί ακόμα.

Χρησιμοποιώντας br

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

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

Πώς μπορώ να κάνω πολλές παύλες;

Και τι να κάνετε εάν πρέπει να κάνετε μια μεγάλη εσοχή από περαιτέρω περιεχόμενο μετά από κάποιο κείμενο. Υπάρχουν δύο επιλογές για το πώς να το κάνετε αυτό. Μπορούν να γραφτούν πολλές ετικέτες br. Μπορείτε να κάνετε άπειρο αριθμό μεταφορών με αυτόν τον τρόπο.

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

Παράγραφος

Abzac (
Περιθώριο κάτω-100 px;
}

Σε αυτήν την περίπτωση, το κάτω περιθώριο θα οριστεί σε 100 εικονοστοιχεία. Κατά συνέπεια, μπορείτε να ορίσετε οποιαδήποτε εσοχή.