Διακόσμηση σε μια ιστοσελίδα και το μέγεθος της γραμματοσειράς στην HTML

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

Στις Μορφοποίηση συνδεδεμένες πολλές ετικέτες. Η πιο συχνά χρησιμοποιούμενη «p» - η παράγραφος. Έχει προαιρετικές παράμετροι που καθορίζουν την εμφάνιση του κειμένου.

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

Αυτό ακολουθείται από τις παραμέτρους «τάξη» και «id». Καθορίζουν σε ποια κατηγορία ανήκει σε αυτό το αντικείμενο και το αναγνωριστικό του. Αυτό μπορεί επίσης να περιλαμβάνει το χαρακτηριστικό και το «στυλ» - ρωτάει inline μπλοκ στυλ. Όλες αυτές οι ιδιότητες που σχετίζονται με CSS, το οποίο θα πάμε λίγο πιο κάτω.

Στην ετικέτα «p» υπάρχει ένα μειονέκτημα - δεν διατυπώνει μια εξωτερική όψη της γραμματοσειράς, όπως το χρώμα ή το μέγεθος του. Για τους σκοπούς αυτούς, είναι μια άλλη ετικέτα - «γραμματοσειρά». Όλες οι επιλογές καθορίζουν τον τρόπο το κείμενο θα μοιάσει.

Το πρώτο χαρακτηριστικό της ετικέτας - «Χρώμα». Όπως ίσως θα έχετε μαντέψει, δεν δίνεται ένα χρώμα. Αυτή η παράμετρος μπορεί να πάρει και τους δύο τίτλους ( «λευκά», «κίτρινο», «ματζέντα»), και τις τιμές στο σύστημα RGB. Αυτό γίνεται ως εξής: για πρώτη φορά το σύμβολο #, και στη συνέχεια προσδιορίζει τους τρεις αριθμούς σε δεκαεξαδικό σύστημα από 00 έως FF ή 0-255 - δεκαδικά - την ποσότητα του κόκκινου, πράσινου και μπλε στο τελικό χρώμα. Για παράδειγμα, με τη χρήση κόκκινο για να γράψει «# ff0000», κίτρινο - «# FFFF00».

Το επόμενο χαρακτηριστικό - «πρόσωπο». Καθορίζει την γραμματοσειρά. Για παράδειγμα, μπορεί να ρυθμιστεί σε «Times New Roman» ή «Tahoma».

Και τέλος, για το μέγεθος της γραμματοσειράς στην HTML απαντά «μέγεθος» της παραμέτρου. Παίρνει μια αριθμητική τιμή - γραμματοσειρά.

Για παράδειγμα, για να εμφανίσετε το κείμενο σε μπλε και η γραμματοσειρά «Comic Sans MS» δέκατο πέμπτο pin, είναι αναγκαίο να καθορίσει την ετικέτα «p» με τις ακόλουθες παραμέτρους:

color = "# 6666ff" face = "Comic Sans MS" size = "15"

Επίσης, υπάρχουν πολλές ετικέτες που επιτρέπουν να καθορίσετε ένα συγκεκριμένο τύπο της μορφής: «β» - Bold, «i» - πλάγια, «u» - υπογράμμισης. Το μόνο που δεν έχουν παραμέτρους.

Ορίστε χαρακτηριστικά το κείμενο σε μορφή HTML - γραμματοσειράς ακουστικά μέγεθος - πολύ άβολα. Φανταστείτε ότι θα πρέπει να εναλλάσσονται με διαφορετικό μπλοκ σχεδιασμό του κειμένου. Στη συνέχεια, για κάθε μια από τις ετικέτες θα πρέπει να καθορίσει τα ίδια χαρακτηριστικά. Πολύ πιο βολικό να μπορεί να υλοποιηθεί με τη βοήθεια των φύλλων στυλ CSS-Cascading. Για παράδειγμα, για να δημιουργήσετε μια κατηγορία φωτογραφίας που ονομάζεται «MyClass» με το σχεδιασμό, όπως και στο προηγούμενο παράδειγμα, θα πρέπει να προσθέσετε την ετικέτα «στυλ» αυτή τη γραμμή:

#myclass {γραμματοσειράς: rgb (102,102,255) "Comic Sans MS" 15pt?}

Εδώ "rgb (102,102,255)" καθορίζει το χρώμα, "Comic Sans MS" - ένα ακουστικό και "15pt" - το μέγεθος της γραμματοσειράς. Το χρώμα μπορεί επίσης να καθορίσετε το όνομα και τη γραμματοσειρά - όπως κορύνες, και τα εικονοστοιχεία (για αυτό θα πρέπει να γράψετε, για παράδειγμα, «20px»).

Για να χρησιμοποιήσετε αυτή την εγγραφή είναι απαραίτητη για να «σ» γράφουν ετικέτα:

class = "MyClass"

Με τον ίδιο τρόπο, μπορείτε να σχεδιάσετε οποιοδήποτε άλλο κείμενο. Είναι αρκετό για να ρυθμίσετε την παράμετρο «τάξη» από την κατηγορία της αξίας που θέλετε να χρησιμοποιήσετε.

Και για να δημιουργήσετε μια ταυτότητα με το όνομα «MyID», πρέπει να «στυλ» ρεκόρ:

#myid {γραμματοσειράς: rgb (102,102,255) "Comic Sans MS" 15pt?},

και η ετικέτα «p» που το «id» με τιμή «MyID».

Κλάση και ID - είναι σχεδόν το ίδιο πράγμα. Σε αυτή την περίπτωση μία ετικέτα μπορεί να χαρακτηριστεί ως το πρώτο και το δεύτερο:

class = "MyClass" id = "MyID"

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

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