Αυτό είναι απλό κείμενο και αυτό είναι πλάγια γραφήκείμενο.

Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ . Κονίστρα

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

Οι λίστες δημιουργούνται με μια ετικέτα

, το οποίο πρέπει να περιέχει ετικέτες
• . Ετικέτα ulορίζει την ίδια τη λίστα και σε ετικέτες liΤα στοιχεία της λίστας πρέπει να ορίζονται (δηλαδή, ένα li αντιστοιχεί σε έναν δείκτη λίστας). Λάβετε υπόψη ότι οι ετικέτες li δεν μπορούν να χρησιμοποιηθούν μόνες τους. Δείτε παράδειγμα:
  • Το πρώτο στοιχείο στη λίστα.
  • Το δεύτερο στοιχείο στη λίστα.
  • Τρίτο στοιχείο στη λίστα.

  Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

  • Το πρώτο στοιχείο στη λίστα.
  • Το δεύτερο στοιχείο στη λίστα.
  • Τρίτο στοιχείο στη λίστα.

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

  , και τα στοιχεία τέτοιων λιστών δημιουργούνται επίσης μέσω ετικετών li.

  Ας φτιάξουμε μια ταξινομημένη λίστα χρησιμοποιώντας μια ετικέτα ol:

  1. Το πρώτο στοιχείο στη λίστα.
  2. Το δεύτερο στοιχείο στη λίστα.
  3. Τρίτο στοιχείο στη λίστα.

  Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

  1. Το πρώτο στοιχείο στη λίστα.
  2. Το δεύτερο στοιχείο στη λίστα.
  3. Τρίτο στοιχείο στη λίστα.

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

  ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ . Συνδέσεις

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

  Σύνδεσμος στον ιστότοπο phphtml.net.

  Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

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

  ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ . εικόνες

  Ας δούμε τώρα πώς να τοποθετήσετε εικόνασε μια σελίδα στον ιστότοπό σας. Για αυτό προορίζεται η ετικέτα. , το οποίο έχει ένα απαιτούμενο χαρακτηριστικό src, το οποίο αποθηκεύει τη διαδρομή προς το αρχείο εικόνας.

  Πώς λειτουργεί, ας δούμε το ακόλουθο παράδειγμα:

  

  Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

  Σημειώστε ότι η ετικέτα δεν απαιτεί ετικέτα κλεισίματος.

  ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ . Σύνδεσμοι σε μορφή εικόνων

  Σύνδεσμοςμπορεί να είναι όχι μόνο κείμενο, αλλά και εικόνα- η ετικέτα είναι αρκετή για αυτό βάλτε μια ετικέτα , όπως γίνεται στο παρακάτω παράδειγμα. Κάντε κλικ στην εικόνα - και θα ακολουθήσετε τον σύνδεσμο προς τον ιστότοπο phphtml.net (για να επιστρέψετε στο βιβλίο αργότερα - κάντε κλικ στο κουμπί "πίσω" στο πρόγραμμα περιήγησης):

  

  Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

  ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ . Διακοπή της γραμμής

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

  Ας το δούμε αυτό με το ακόλουθο παράδειγμα:

  Αυτή είναι η πρώτη παράγραφος.

  Αυτή είναι η δεύτερη παράγραφος.

  Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

  Αυτή είναι η πρώτη παράγραφος.

  Αυτή είναι η δεύτερη παράγραφος.

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

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

  Ας δούμε πώς λειτουργεί με το ακόλουθο παράδειγμα:

  Αυτή είναι η πρώτη γραμμή κειμένου
  και αυτό είναι το δεύτερο.

  Έτσι θα φαίνεται ο κώδικας στο πρόγραμμα περιήγησης:

  Αυτή είναι η πρώτη γραμμή κειμένου
  και αυτό είναι το δεύτερο.

  ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ . Σχόλια HTML

  Σχεδόν όλες οι γλώσσες προγραμματισμού έχουν κάτι σαν "σχόλια".

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

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

  Τίτλοι

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

  Χρησιμοποιούμε την πρώτη πρόταση ως τίτλο του κειμένου - Για να γίνει αυτό, αρκεί να την περιορίσετε με ετικέτες

  Και

  .

  Εισαγάγετε ετικέτες στο κείμενο του αρχείου other.html

  Και

  έτσι ώστε να περιορίζουν την πρώτη πρόταση του κειμένου και αυτό το κομμάτι κώδικα παίρνει την ακόλουθη μορφή:

  Καλώς ήρθατε στη σελίδα της εταιρείας SD!

  Ας δούμε το επίκτητο αποτέλεσμα.

  Αποθηκεύστε το αρχείο επιλέγοντας την εντολή μενού προγράμματος Σημειωματάριο Αρχείο - Αποθήκευση (Αρχείο - Αποθήκευση).

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

  Επαναφέρετε το παράθυρο του προγράμματος περιήγησης κάνοντας κλικ στο κουμπί του στη γραμμή εργασιών.

  Πατήστε το κουμπί F5 ή το κουμπί Ανανέωση στη γραμμή εργαλείων του παραθύρου εργασίας του προγράμματος. Το αρχείο other.html θα φορτωθεί ξανά και θα δείτε στο παράθυρο του προγράμματος περιήγησης πώς φαίνεται η επικεφαλίδα πρώτου επιπέδου.

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

  Όταν ολοκληρώσετε τα πειράματα, επαναφέρετε ξανά τις ετικέτες στο αρχείο other.html

  .

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

  Ευθυγράμμιση επικεφαλίδας

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

  χρησιμοποιείται το χαρακτηριστικό align="right" και align="center" για κεντράρισμα. Επιτρέπεται επίσης η προφανής ένδειξη ευθυγράμμισης στην αριστερή πλευρά - align="αριστερά".

  Προσθήκη στην ετικέτα

  το χαρακτηριστικό align="center" για να κεντράρετε την επικεφαλίδα. Αυτό το στοιχείο πρέπει να έχει την ακόλουθη μορφή:

  Καλώς ήρθατε στη σελίδα της εταιρείας SD!

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

  Πώς να κάνετε το κείμενο με έντονη γραφή σε HTML

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

  Επικολλήστε στο άνοιγμα του αρχείου other.html και το κλείσιμοετικέτες έτσι ώστε να περιορίζουν το κείμενο Εδώ θα μάθετε ... Αυτό το στοιχείο πρέπει να έχει την ακόλουθη μορφή:

  Πώς να κάνετε το κείμενο πλάγιο σε HTML

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

  Εισαγάγετε μια ετικέτα HTML στον αρχικό κώδικα Καιέτσι ώστε το επεξεργασμένο στοιχείο να έχει την ακόλουθη μορφή:

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

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

  Πώς να κάνετε κείμενο υπογραμμισμένο σε HTML

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

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

  Πώς να αυξήσετε το κείμενο σε HTML

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

  ετικέτες αυξήστε το μέγεθος γραμματοσειράς του κειμένου που περικλείεται μεταξύ τους.

  Προσθέστε ετικέτες στην αρχή και στο τέλος του παραπάνω τμήματος κώδικα, αντίστοιχα Καιώστε το στοιχείο να πάρει την ακόλουθη μορφή:

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

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

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

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

  Μπορείτε επίσης να χρησιμοποιήσετε αριθμούς από το 1 έως το 7 με σύμβολο + (συν) ή - (μείον) ως τιμή για το χαρακτηριστικό μέγεθος. Σε αυτήν την περίπτωση, το μέγεθος της γραμματοσειράς αυξάνεται ή μειώνεται ανάλογα, σε σύγκριση με το αρχικό, για παράδειγμα, ετικέτες θα αυξήσει το μέγεθος της γραμματοσειράς, σε σύγκριση με το τρέχον, κατά ένα επίπεδο. Ελεγχος.

  Ορίστε το 5 ως την τιμή του χαρακτηριστικού μεγέθους για το εν λόγω τμήμα κειμένου: . Ο κώδικας HTML για αυτό το κομμάτι θα πρέπει να μοιάζει με αυτό:

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

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

  Από προεπιλογή, η παράγραφος με το κείμενο Here You'll Know... είναι αριστερή στοίχιση. Κεντράρετε οριζόντια με ετικέτες

  . Μπορείτε επίσης να στοιχίσετε μια παράγραφο στη δεξιά πλευρά της σελίδας χρησιμοποιώντας ετικέτες. ή στα αριστερά - χρησιμοποιώντας ετικέτες .

  Κολλήστε ετικέτες

  περιορίζοντας τα στην καθορισμένη παράγραφο.

  Σημειώστε ότι χρησιμοποιήσαμε ετικέτες για να κεντράρουμε την παράγραφο

  , σε αντίθεση με το χαρακτηριστικό align="center", το οποίο εφαρμόσαμε στις ετικέτες
  .

  Προσοχή! Για ετικέτες 2010 ,

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

  =

  =

  =

  =

  =μεγάλο ποσόεκτεταμένες δυνατότητες;">

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

  Κωδικοί επιλογής

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

  - χρησιμοποιείται για να ορίσει μια λέξη. Το κείμενο εμφανίζεται με πλάγιους χαρακτήρες από προεπιλογή.

  - να επισημάνετε λέξεις και να ενισχύσετε. Το κείμενο εμφανίζεται με πλάγιους χαρακτήρες από προεπιλογή.

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

  - για τμήματα κώδικα προγράμματος. Εμφανίζεται στην οθόνη με γραμματοσειρά σταθερού πλάτους.

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

  - χρησιμεύει για την εμφάνιση μηνυμάτων προγράμματος. Εμφανίζεται με γραμματοσειρά σταθερού πλάτους. Η ετικέτα καταργήθηκε.

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

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

  Η προδιαγραφή HTML 4.0 προσφέρει μια πιο προηγμένη μέθοδο για τον καθορισμό στυλ για κείμενο και άλλα μέρη, χρησιμοποιώντας τη γλώσσα CSS Cascading Style Sheets. Τα Style Sheets είναι ένα τεράστιο επίτευγμα στον τομέα του web design, διευρύνοντας τη δυνατότητα βελτίωσης της εμφάνισης των σελίδων. Τα φύλλα στυλ διευκολύνουν τον καθορισμό της απόστασης γραμμών, των εσοχών, των χρωμάτων που χρησιμοποιούνται για κείμενο και φόντο, του μεγέθους και του στυλ γραμματοσειράς κ.λπ. Ως τιμή του χαρακτηριστικού στυλ, χρησιμοποιούνται ζεύγη της μορφής "ιδιότητα: τιμή". Για παράδειγμα, σε ένα κομμάτι κώδικα που περιγράφει μια επικεφαλίδα ενότητας,

  το χαρακτηριστικό style="color: blue" καθορίζει ότι η ιδιότητα χρώματος έχει οριστεί σε μπλε, δηλαδή το κείμενο της επικεφαλίδας πρώτου επιπέδου θα πρέπει να εμφανίζεται με μπλε χρώμα.

  Ευθυγράμμιση στυλ

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

  Για να καθορίσετε το βάρος της γραμματοσειράς, χρησιμοποιήστε την ιδιότητα font-weight με τις τιμές "lighter (narrow), bold (bold), bold (bold), για παράδειγμα style="font-weight: bold".

  Για να ορίσετε το πλάγιο στυλ, χρησιμοποιήστε την ιδιότητα στυλ γραμματοσειράς με την τιμή πλάγια. Επομένως, για να κάνετε το κείμενο έντονη πλάγια γραφή, θα πρέπει να βρείτε το χαρακτηριστικό στυλ ως εξής: style="font-weight: bold; font-style: italic". Παρακαλώ σημειώστε: τα χαρακτηριστικά μπορούν να τοποθετηθούν με οποιαδήποτε σειρά και πρέπει να διαχωρίζονται με ερωτηματικό.

  Εάν θέλετε να καθορίσετε το μέγεθος της γραμματοσειράς, τότε θα πρέπει να χρησιμοποιήσετε την ιδιότητα μεγέθους γραμματοσειράς, οι τιμές της οποίας μπορούν να καθοριστούν σε σχετικές ή απόλυτες τιμές. Οι σχετικές τιμές είναι ποσοστά και οι απόλυτες τιμές είναι σημεία (pt), pixel (px), εκατοστά (cm), χιλιοστά (mm). Π.χ:

  style="font-size: 200%"

  style="font-size: 16pt"

  style="font-size: 100px"

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

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

  style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"

  Θα εφαρμόσουμε αυτό το χαρακτηριστικό σε ετικέτες<р>, που σας επιτρέπουν να παρουσιάσετε το κείμενο ως ξεχωριστή παράγραφο.

  Επεξεργασία στοιχείο HTML, συμπεριλαμβανομένου κειμένου Εδώ θα μάθετε ... αφαιρώντας ετικέτες

  , , , και εισαγωγή ετικετών<р>Καιμε το χαρακτηριστικό style έτσι ώστε αυτό το στοιχείο να έχει την ακόλουθη μορφή:

  <р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Εδώ θα μάθετε για τις δραστηριότητές μας, για τα προϊόντα λογισμικού της εταιρείας μας και για τον εξοπλισμό που παράγουμε.

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

  Άλλες επιλογές ευθυγράμμισης και στυλ

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

  Αυτό γίνεται χρησιμοποιώντας το χαρακτηριστικό style, το οποίο χρησιμοποιείται με τα περισσότερα standard Ετικέτες HTML. Υπάρχουν όμως και άλλες χρήσεις για το CSS.

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

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

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

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

  ΣΕ τρέχουσα ώραΗ γλώσσα CSS έχει έναν αρκετά μεγάλο αριθμό επιλογών για τμήματα της HTML που μπορεί να ελέγξει. Με την εφαρμογή "ασφαλούς", με άλλα λόγια, συμβατό με τον μεγαλύτερο αριθμό προγραμμάτων περιήγησης στοιχεία css- χαρακτηριστικά της γραμματοσειράς, χρώματα τμημάτων και φόντου, χαρακτηριστικά κειμένου και περιγράμματα - μπορείτε να διευκολύνετε πολύ την εργασία σας και να κάνετε τις ιστοσελίδες σας πιο ελκυστικές όσον αφορά τη σχεδίαση κειμένου.

  Ετικέτα σε HTML πλάγια γράμματα σε ένα κομμάτι κειμένου.

  Ετικέτα HTML αναφέρεται σε ετικέτες φυσικής μορφοποίησης. Αλλάξτε το στυλ γραμματοσειράς με μια ετικέτα είναι στυλιστική.

  Κάνω Κείμενο HTMLΤα πλάγια γράμματα μπορούν επίσης να γίνουν χρησιμοποιώντας την ετικέτα. Στην περίπτωση αυτή, το κείμενο θα θεωρείται λογικά επιλεγμένο (κατά νόημα), «υπογραμμισμένο».

  Η προδιαγραφή HTML5 συνιστά να δίνεται προτεραιότητα στις ετικέτες λογικής μορφοποίησης: σημαντικά τμήματα κειμένου - ετικέτα, έμφαση - ετικέτα, υποτίτλοι - ετικέτες, επισήμανση κειμένου - ετικέτα. Πλάγια γράμματα κειμένου με ετικέτα ακολουθεί μόνο εάν ο χαρακτήρας της επιλογής δεν ταιριάζει με καμία από τις ετικέτες λογικής μορφοποίησης.

  Όλοι οι τύποι επιλογής κειμένου περιγράφονται στο άρθρο:.

  Σύνταξη

  κείμενο με πλάγιους χαρακτήρες

  Εμφάνιση στο πρόγραμμα περιήγησης

  Παράδειγμα χρήσης σε κώδικα HTML

  
  
  
  
  
  
  

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