Μπλοκάρει

Στη σελίδα αυτή θα περιγράφουν τις ετικέτες μπλοκ, τα οποία είναι όλα για τα οποία η γραμμή (εκτός από τις λίστες και πίνακες ). Αυτά τα διάφορα τμήματα και στις παραγράφους του κειμένου. Ετικέτες Block είναι αντίθετη σειρά (inline) ετικέτες σήμανσης σε κείμενο .

Ετικέτα Σπουδαιότητα Ζεύγος
p παράγραφος προαιρετικός
br αλλαγής γραμμής δεν
θαύμα Τμήμα ναί
κέντρα κεντράρισμα ναί
h1 Κατηγορία 1 Επίπεδο ναί
h2 επικεφαλίδα επιπέδου 2 ναί
h3 Τομέας 3 Επίπεδο ναί
H4 4ο τίτλο Επίπεδο ναί
h5 πέμπτος τίτλος Επίπεδο ναί
H6 έκτο τίτλο Επίπεδο ναί
blockquote προσφορές, εσοχές ναί
διεύθυνση διεύθυνση ναί
για προδιαμορφωμένο κείμενο ναί
hr οριζόντια γραμμή δεν

Ροή κειμένου

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

Ευθυγράμμιση Παράγραφος - Συχνές Ερωτήσεις

<p style="text-align: right"> δεξιά στοίχιση παραγράφου </ p>
<p style="text-align: center"> επίκεντρο παραγράφου </ p>
<p style="text-align: justify"> αιτιολόγηση Παράγραφος </ p>

Ευθυγράμμιση στοιχεία μπλοκ στο παρελθόν χρησιμοποιηθεί για να κάνει την ευθυγράμμιση χαρακτηριστικό που πρέπει να αντικατασταθεί, αλλά css ιδιοκτησία text-align .

p

Η παράγραφος (Αγγλικά παράγραφο). Βασικές ετικέτες μορφοποίησης. <p> Μάρκα βρίσκεται στην αρχή της κάθε παραγράφου. Αρχικά ήταν μια ετικέτα ασύζευκτα, αλλά σταδιακά άρχισε να χρησιμοποιείται από το εμπορικό σήμα </ p> tag μέχρι το τέλος. Νεώτερα προδιαγραφές απαιτούν μια ετικέτα κλεισίματος.

Το κείμενο της παραγράφου πάντα ξεκινά μια νέα γραμμή και στο τέλος της παραγράφου τελειώνει με τη γραμμή. Κλασικό παράγραφο σε HTML έχει μπροστά και πίσω από επιπλέον κατακόρυφο διάστημα που οι περισσότεροι ακρίβεια αντιστοιχεί στο ύψος μιας γραμμής, το οποίο αντιστοιχεί στο αγγλοσαξονικό πρότυπο. (Ο χώρος αυτός μπορεί να απαλλαγεί από το στυλ CSS περιθώριο , για παράδειγμα <p style="margin-top: 0px; margin-bottom: 0px">.) Εάν υπάρχουν δύο σημεία σε μια γραμμή ή άλλα στοιχεία με κατακόρυφο διάστημα, η διαφορά ύψους δεν στοίβας . Παρόμοιο χάσμα γίνεται με άλλα στοιχεία κατά κατηγορίες, κυρίως σε τίτλους .

<p> Tag χρησιμοποιείται πολύ συχνά συντάκτες HTML ως βασικό στοιχείο του εγγράφου.

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

Χαρακτηριστικό <p> ετικέτα
Atribut Σπουδαιότητα Αξίες
ευθυγράμμιση ευθυγράμμιση παράγραφο αριστερά | δεξιά | κέντρο | δικαιολογούν
Ευθυγραμμίστε χαρακτηριστικό του <p> ετικέτα, αυτοκινήτου και τίτλους
align = σπουδαιότητα σημειώσεις
αριστερά Στοίχιση αριστερά προεπιλογή, μπορεί να μην ορίσετε
δικαίωμα Στοίχιση δεξιά δεξιό άκρο του κειμένου θα ευθυγραμμιστούν
κέντρα επικεντρώνεται
δικαιολογούν αιτιολόγηση θα ευθυγραμμιστούν με τις δύο άκρες του κειμένου,
τελευταία γραμμή θα είναι αριστερή στοίχιση
πολύ παλιά προγράμματα περιήγησης δεν υποστηρίζουν δικαιολογούν,
Συχνά σχηματίζεται μια μεγάλη αντιαισθητική χάσμα mezislovní

Παράδειγμα:. Align="right"> <p δεξιά στοίχιση παραγράφου </ p>

Χαρακτηριστικό ευθυγραμμιστεί η παράγραφος με άλλα στοιχεία μπλοκ θεωρείται άνευ αντικειμένου (αν και αυτό λειτουργεί καλά). Θα σας συνιστούσαμε να αντικαταστήσετε το στυλ CSS text-align .

br

Αλλαγή γραμμής (Αγγλικά διάλειμμα). Προκαλεί άμεσο τερματισμό της γραμμής. Οποιοδήποτε άλλο κείμενο συνεχίζει σε μια νέα γραμμή.

Είναι σημαντικό να κατανοήσετε τη διαφορά μεταξύ Κάντε <p>.

Σε ορισμένες συντάκτες WYSIWYG για να δημιουργήσετε ένα μαλακό Εισάγετε Shift + Enter ή Ctrl + Shift + Enter.

Σαφής

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

Tag <br> αποδίδουν σαφή
σαφείς = σπουδαιότητα
δικαίωμα Κείμενο περιμένει για την ολοκλήρωση των αντικειμένων στο δεξί άκρο
αριστερά Κείμενο περιμένει για την ολοκλήρωση των αντικειμένων στο αριστερό άκρο
όλα Κείμενο περιμένει για την ολοκλήρωση των δύο αντικειμένων στις άκρες

Παράδειγμα: <img align="right" alt="obrázek ευθυγραμμιστεί vpravo"> <br κείμενο clear="right"> ξεκινάει κάτω από τα κονσερβοποιημένα εικόνα.

Καταργήστε την ετικέτα <br> χαρακτηριστικό θεωρείται άνευ αντικειμένου και συνιστάται να αντικατασταθεί με την ιδιότητα CSS σαφής . Clear μέσω CSS έχει το σημαντικό πλεονέκτημα ότι μπορεί να ρυθμιστεί σε οποιοδήποτε στοιχείο (και όχι μόνο κόσμο ετικέτα). Σημειώστε ότι το CSS δεν είναι όλα αξία, αλλά και οι δύο.

θαύμα

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

Πριν και μετά τη γραμμή αλλαγή ενότητας. Υπό την έννοια αυτή είναι πολύ παρόμοια με την παράγραφο αυτοκινήτου ( <p> ). Σε αντίθεση με την παράγραφο αλλά δεν αυτοκινήτων πριν και πίσω από την οπτική χώρο (ή έχει μηδενικό αρχικό περιθώριο).

Ετικέτα αυτοκινήτου σε HTML προστέθηκε κυρίως λόγω των διαδοχικών στυλ. Σε αυτό που μοιάζει και πάλι ετικέτα <span> , ο οποίος πρόσθεσε επίσης για το στυλ. Διαφορά μεταξύ του αυτοκινήτου και <span> είναι ότι Car είναι ένα στοιχείο μπλοκ (που προκαλεί μια αλλαγή γραμμής πριν και μετά), ενώ <span> είναι in-line στοιχείο (γραμμή). Για το θέμα αυτό βλ. επίσης την πραγματεία div και ετικέτες διάρκεια ουδέτερο .

Εκτός από τις γενικές ιδιότητες (για αυτοκίνητο πολύ σημαντικό) χαρακτηριστικό μπορεί να χρησιμοποιηθεί για την ευθυγράμμιση (ευθυγράμμιση), η οποία έχει τις ίδιες τιμές όπως στην ετικέτα <p> υπόθεση (παράγραφος).

Χαρακτηριστικά Tag αυτοκινήτου
Atribut Σπουδαιότητα Αξίες
ευθυγράμμιση αιτιολόγηση κείμενο, παρωχημένες χαρακτηριστικό αριστερά | δεξιά | κέντρο | δικαιολογούν
Γενικά χαρακτηριστικά

κέντρα

Κεντράρισμα οποιοδήποτε μεγάλο περιεχόμενο. Επιτυγχάνει τα ίδια αποτελέσματα με <div align="center">. Δεν συνιστούμε τη χρήση του. Αίσθηση ήταν μόνο μερικές φορές όταν ορισμένα προγράμματα περιήγησης δεν υποστηρίζουν αυτοκινήτου. Σήμερα, σας συνιστώ να το αντικαθιστά με το θαύμα του στυλ CSS text-align : center. Όμως, τα κέντρα ετικέτα σε προγράμματα περιήγησης είναι ακόμη πλήρως λειτουργικό.

Κεντράρισμα κληρονομείται από ένθετα στοιχεία (π.χ. <p> παραγράφους). Η εξαίρεση είναι μια ένθετη πίνακα. Είναι αλήθεια επίκεντρο, αλλά το περιεχόμενό του είναι ευθυγραμμισμένο κανονικά (συνήθως αριστερά).

h1 να H6

Επικεφαλίδες (Αγγλικά τίτλος) είναι στην πραγματικότητα ένας ειδικός τύπος των παραγράφων (<p> ετικέτα). Διακρίνεται από έξι βαθμούς των κλάσεων.

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

Οι επικεφαλίδες προεπιλεγμένη μορφοποίηση
Ετικέτα Βαθμός
Γραμματοσειρές
Προεπιλογή
μέγεθος
Χρήση
h1 6 24px Κύρια τίτλος της σελίδας
h2 5 18-19px Οι διακρίσεις, τίτλους κεφαλαίων
h3 4 16px Mezinadpisy
H4 3 13px Πιο σημαντικό παράγραφο
h5 2 10px Δεν λογική χρήση
H6 1 9px Εξάλλου, δεν είναι ένα καλό βιβλίο

Ετικέτες <h1> <h6> να έχουμε ένα ενιαίο χαρακτηριστικό (εκτός γενικής ) ευθυγράμμιση με τις ίδιες αξίες με την παράγραφο.

Πολλοί συγγραφείς δεν χρησιμοποιούν τους τίτλους αυτούς για ετικέτες <h x>, αλλά μια κανονική παράγραφο (tag <p>), η οποία καθορίζει το μέγεθος και την περικοπή (χρησιμοποιώντας ετικέτες <font> <b> και <i>). Αυτό θα ήταν λάθος, ειδικά επειδή τόσο πολύ δουλειά přidělávají. Η εμφάνιση των τίτλων μπορεί εύκολα να επαναπροσδιοριστεί με χρήση CSS.

Το κείμενο είναι πολύ σωστά έχουν τίτλους ημερολόγιο είναι πιο εύκολο να στραφούν σε άλλες μορφές (RTP, pdf, doc). Οι περισσότεροι συντάκτες HTML επιτρέπει την εύκολη ετικέτες nadpisových εισόδου. Ορισμένα προγράμματα βάσει των τίτλων μπορεί να δημιουργήσει αυτόματα το περιεχόμενο του εγγράφου. Ορισμένες μηχανές αναζήτησης να σημειώσετε επίσης την ετικέτα τίτλου και αποδίδουν μεγαλύτερη βαρύτητα στο κείμενό τους.

blockquote

Εισαγωγικά Block, το οποίο χρησιμοποιήθηκε αρχικά για μεγαλύτερα κομμάτια των παραπομπών (σε αντίθεση με λίγα λόγια, η οποία υλοποιείται ένα tag <cite> ). Σύγχρονες προδιαγραφές συνιστούμε να χρησιμοποιήσετε την ετικέτα quote <q> .

<blockquote> εμφανίζεται ως μια παράγραφο με ένα μεγαλύτερο αριστερά και δεξιά εσοχή (εσοχή σημαίνει ότι τα άκρα του τυφλού παράγραφο). Με το offset <blockquote> ετικέτα, στην πράξη, όχι τόσο για την προσφορά, αλλά μάλλον για εσοχές. Σε σημερινές μηχανές περιήγησης αντισταθμίζεται συνήθως <blockquote> 40 pixel. Επένδυση αυξήσεις, αν η ετικέτα χρησιμοποιείται αρκετές φορές στη σειρά.

Tag <blockquote>, εκτός από τις γενικές ιδιότητες αναφέρω ακόμα χαρακτηριστικό, που προσδιορίζει την διεύθυνση URL του εγγράφου από το οποίο αναφέρεται. Cite χαρακτηριστικά στο δελτίο καμία επίδραση (π.χ. όχι, κάντε κλικ μέσα), όχι τόσο πολύ.

Παράδειγμα αναφέρω: <blockquote cite="http://www.seznam.cz"> βρίσκω εκεί, ό, τι ξέρω </ blockquote>

Πριν από την έλευση των CSS tag <blockquote> ήταν ο μόνος τρόπος για να περίπτωσης της παραγράφου. Σήμερα ήθελα να συστήσω αντί να χρησιμοποιεί μια κανονική παράγραφο ή το τμήμα αυτοκινήτων <p> με μια δήλωση στυλ περιθώριο ή περιθώριο-αριστερά. Τα επόμενα δύο στοιχεία θα εμφανίζονται ως:

<blockquote> offset απόσπασμα μπλοκ </ blockquote>

<p style="margin-left: 40px; margin-right: 40px"> αντισταθμίζεται από το στυλ </ p>

διεύθυνση

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

για

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

Μέσα στην ετικέτα δεν είναι <pre> βασικός κανόνας της HTML σύνταξη , η οποία λαμβάνει μια αλλαγή γραμμής, όπως την απόσταση κενό και η ομάδα βλέπει ως ένα κενό. Έτσι, οι τυχόν πολλαπλές χώρους και αλλαγές γραμμής που εμφανίζεται στο πρόγραμμα περιήγησης, καθώς και την πηγή.

Οποιαδήποτε αλλαγή γραμμής αμέσως μετά την <pre> ετικέτα και πριν την </ pre> παραμελείται, ώστε να αποφεύγουν ανεπιθύμητες κάθετη απόσταση.

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

Κάποιες πηγές αποδίδουν δηλώνει το πλάτος, το οποίο θα πρέπει να καθορίσει το μέγιστο αριθμό χαρακτήρων ανά γραμμή. Δεν λειτουργεί σε IE, Mozilla στην τελευταία (ενημέρωση 2005) λειτουργεί.

XMP

Παρόμοια με το ταμπού ετικέτα <xmp> <pre>, που σημαίνει «παράδειγμα», αγγλικά. παράδειγμα. Το μόνο που δεν διατηρεί χώρους και αλλαγές γραμμής, αλλά ακόμη και (σε ​​αντίθεση με <pre>) δεν ερμηνεύει ή άλλες ετικέτες HTML. Είναι κατάλληλο επομένως ιδιαίτερα εύκολο να γράψει παραδείγματα HTML. Εργασίες σε όλους τους browsers, αλλά είναι έντονα δεν συνιστάται προδιαγραφές, ακόμα και την απόρριψη. Περισσότερες πληροφορίες για το XMP .

hr

Η οριζόντια γραμμή (horizontal rule Eng.). Δεν εμφανίζονται τα χαρακτηριστικά γκρίζα σκιά σε όλο το πλάτος της σελίδας. Χαρακτηριστικά, αλλά μπορεί να επηρεάσει την εμφάνισή του.

Χαρακτηριστικά <hr> ετικέτα
Atribut Σπουδαιότητα Πιθανές τιμές
πλάτος πλάτος (οριζόντια) μήκος ή το ποσοστό
μέγεθος πλάτος από την άποψη του πάχους μήκος σε pixels
ευθυγράμμιση ευθυγράμμιση με το σύνολο πλάτος γραμμής αριστερά, κέντρο, δεξιά
χρώμα Χρώμα (μόνο ΙΕ) χρώμα
noshade γραμμή θα είναι χωρίς σκιά καμία αξία

Παράδειγμα: <hr width="50" size="50" color="red" align="center" noshade> επίκεντρο εμφανίζει ένα κόκκινο τετράγωνο. Παλαιότερες εκδόσεις του Mozilla και Opera δεν μπορεί να αλλάξει το χρώμα, το χρώμα πάντα ένα σκούρο γκρι. Νεώτερα χρώμα Firefox καθορίζεται μέσα από την ιδιότητα του χρώματος μπορεί, αλλά δεν χρωματισμό στυλ.

Η κάθετη γραμμή σε καθαρή HTML μπορούν να γίνουν, αντίστοιχα. δεν υπάρχει ετικέτα για αυτό. Στην πράξη, η κάθετη γραμμή που κάνει, έτσι ώστε κάθε ετικέτα, οι περισσότεροι <div> tag, προσθέστε το δεξιό ή το αριστερό περιθώριο χρησιμοποιώντας CSS σύνορα στυλ (ή οι παραλλαγές του σύνορα-αριστερά, δεξιά στα σύνορα, κλπ.).

Διαφήμιση

τη δημιουργία, συντήρηση και βελτίωση ιστοσελίδες
Σεμινάρια HTML CSS JavaScript άρθρα Άλλο

HTML tags Αλφαβητικά Παραδείγματα φύλλο HTML εξαπατήσει

gilles-simonet.com


hxh se morfi wav