Η γλώσσα σήμανσης υπερκειμένου (HTML) είναι μια βασική γλώσσα που χρησιμοποιείται για το σχεδιασμό και την ανάπτυξη ενός ιστότοπου. Η HTML είναι η βασική γλώσσα όλων των γλωσσών που χρησιμοποιούνται για το σχεδιασμό στατικών ή δυναμικών ιστοσελίδων. Το Html έχει πολλές λειτουργίες που απαιτούνται για το σχεδιασμό. Με τη βοήθεια ετικετών, εντολών γραμμένων σε γωνιακές αγκύλες, σχεδιάζεται μια ιστοσελίδα. Το HTML επιτρέπει στον χρήστη να δημιουργήσει ή να επεξεργαστεί κείμενο, εικόνα ή οποιοδήποτε άλλο στοιχείο όπως οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου, δηλαδή, το Microsoft Word. Τα περιεχόμενα της HTML είναι κείμενο, εικόνα, χρώμα, σχέδιο κλπ. Ο σχεδιασμός είναι ένα πολύ σημαντικό μέρος καθώς είναι υπεύθυνο για τη διακόσμηση του κειμένου. Το πλάγιο κείμενο είναι ένα παράδειγμα σχεδιασμού του κειμένου. Αυτό το στοιχείο είναι σημαντικό για την έμφαση ή την προσοχή του χρήστη. Μερικά από τα παραδείγματα επισημαίνονται σε αυτό το σεμινάριο.
Απαιτούμενα βασικά
Το HTML απαιτεί δύο εργαλεία για το σχεδιασμό και την ανάπτυξη ενός ιστότοπου. Το ένα είναι ένας επεξεργαστής κειμένου που απαιτείται για να γράψει τον κώδικα html σε αυτόν. Μπορεί να είναι οποιοσδήποτε επεξεργαστής κειμένου στην πρόσβασή σας, δηλαδή σημειωματάριο, σημειωματάριο ++, sublime, visual studio κ.λπ. Το δεύτερο είναι πρόγραμμα περιήγησης στον υπολογιστή σας, Google Chrome, internet explorer κ.λπ. Google Chrome. Για το σχεδιασμό της στατικής σελίδας, χρειάζεστε HTML και για να στυλ το φύλλο στυλ CSS. Κάθε ένα από αυτά χρησιμοποιείται σε αυτόν τον οδηγό με παραδείγματα.
Μορφή HTML
Για να εξηγήσουμε τον σχεδιασμό του πλάγιου κειμένου, κατανοούμε πρώτα τον κώδικα του html. Ο κώδικας HTML έχει δύο μέρη. Το ένα είναι το κεφάλι και ένα άλλο στο σώμα. Συμπεριλαμβάνουμε τον τίτλο στο κεφάλι. αυτό το όνομα τίτλου είναι στην πραγματικότητα ο τίτλος της σελίδας. Το εσωτερικό στυλ γίνεται επίσης μέσα στο σώμα του κεφαλιού. Ενώ το σώμα περιέχει όλες τις άλλες ετικέτες που σχετίζονται με κείμενο, εικόνα και χρώμα κ.λπ., εκτός αυτού, ό, τι θέλετε να προσθέσετε στη σελίδα html είναι γραμμένο στο τμήμα σώματος του κώδικα html.
< html >>
< κεφάλι >>...</ κεφάλι >>
< σώμα >>….</ σώμα >>
</ html >>
Η παρακάτω εικόνα είναι ένα δείγμα κώδικα HTML. Μπορείτε να δείτε ότι το όνομα του τίτλου είναι γραμμένο μέσα στο τμήμα κεφαλής. Ταυτόχρονα, προσθέσαμε μια παράγραφο στο σώμα του html χρησιμοποιώντας ετικέτα
Το τότε η ετικέτα σώματος και οι ετικέτες html κλείνουν.
Η έξοδος αυτού του δείγματος εμφανίζεται στο πρόγραμμα περιήγησης. Μπορείτε να δείτε ότι το όνομα του τίτλου εμφανίζεται στο όνομα της καρτέλας, το οποίο έχουμε δηλώσει στην κεφαλή του κώδικα html.
Το HTML έχει ετικέτες ανοίγματος και κλεισίματος για όλες τις ετικέτες που είναι γραμμένες στο σώμα του. Μόλις ανοίξει ο κώδικας πρέπει να κλείσει αφού γράψετε κείμενο μεταξύ του. Η ετικέτα κλείνει με την κάθετο σε αυτήν. Ο κωδικός στη συνέχεια αποθηκεύεται στο αρχείο σημειωματάριου. Ένα πράγμα που πρέπει να έχετε κατά νου είναι ότι κατά την αποθήκευση του κώδικα, το αρχείο του επεξεργαστή κειμένου πρέπει να αποθηκευτεί με την επέκταση html. Για παράδειγμα, sample.html. τότε θα δείτε ότι το αρχείο αποθηκεύεται με το εικονίδιο του τρέχοντος προγράμματος περιήγησης που χρησιμοποιείτε για το σκοπό αυτό.
Αυτό ήταν το φόντο του σχεδιασμού σε html. Τώρα θα χρησιμοποιήσουμε ένα απλό παράδειγμα για να κάνουμε το κείμενο πλάγιο.
Παράδειγμα 1
Πάρτε ένα αρχείο σημειωματάριου και γράψτε τον απλό κώδικα html όπως περιγράφεται προηγουμένως σε αυτόν τον οδηγό. Προσθέστε μια παράγραφο δύο γραμμών στο τμήμα σώματος. Για να γίνει το κείμενο πλάγιο. Χρησιμοποιήστε την ετικέτα στην αρχή των λέξεων που θέλετε να έχουν πλάγια μορφή
< Εγώ > ……</ Εγώ >>Αυτή είναι η ετικέτα για πλάγια γραφή του κειμένου. Όπως μπορείτε να δείτε στην παρακάτω εικόνα, το είναι η ετικέτα ανοίγματος που γράφεται στην αρχή και είναι η ετικέτα κλεισίματος. Κλείστε το σώμα και html.
Τώρα αποθηκεύστε το αρχείο και εκτελέστε το στο πρόγραμμα περιήγησης για να δείτε την έξοδο του αρχείου.
Από την έξοδο, μπορείτε να παρατηρήσετε ότι η πρόταση που έχουμε κάνει πλάγια στον κώδικα είναι με πλάγια μορφή, ενώ η πρώτη πρόταση εμφανίστηκε σε κανονική μορφή.
Παράδειγμα 2
Σε αυτό το παράδειγμα, θα κάνουμε μια συγκεκριμένη λέξη με πλάγια μορφή αντί για ολόκληρη την πρόταση του κειμένου. Οι ετικέτες ανοίγματος και κλεισίματος χρησιμοποιούνται σε ολόκληρη την παράγραφο, όπου θέλουμε να κάνουμε το κείμενο πλάγιο στην πρόταση.
Τώρα για άλλη μια φορά, αποθηκεύστε το αρχείο και, στη συνέχεια, εκτελέστε το στο πρόγραμμα περιήγησης. Μπορείτε να δείτε ότι κάποιο συγκεκριμένο τμήμα του κειμένου είναι με πλάγια μορφή που θέλουμε να κάνουμε πλάγια στον κώδικα.
Παράδειγμα 3
Εκτός από τη χρήση του ετικέτα στο κείμενο, υπάρχει άλλη μέθοδος για να γίνει το κείμενο σε πλάγια μορφή. Αυτή είναι η προσέγγιση για να τονιστεί κάποιο τμήμα του κειμένου. Αυτή η ετικέτα έχει επίσης ετικέτες ανοίγματος και κλεισίματος. Η σύνταξη που χρησιμοποιείται για αυτό είναι?
< σε >….</ σε >>Το κείμενο είναι γραμμένο ανάμεσα στις δύο ετικέτες. σε αυτό το παράδειγμα, χρησιμοποιήσαμε αυτήν την ετικέτα δύο φορές στην παράγραφο. Ας δούμε την εικόνα του κώδικα που βρίσκεται παρακάτω.
Και στις δύο προτάσεις, έχουμε χρησιμοποιήσει μια φορά στην παράγραφο. Η έξοδος λαμβάνεται εκτελώντας το αρχείο html σε μορφή προγράμματος περιήγησης.
Παράδειγμα 4
Αυτό είναι το παράδειγμα στο οποίο χρησιμοποιήσαμε μια άλλη προσέγγιση για να δείξουμε τις λέξεις με πλάγια μορφή. Υποδηλώνει τη χρήση του στο κείμενο. Σε αυτό το παράδειγμα, εφαρμόσαμε αυτήν την ετικέτα σε ολόκληρο το κείμενο γραμμένο στο σώμα της html.
< Αναφέρω > ……</ παραθέτω, αναφορά >> 
Αφού κλείσετε όλες τις ετικέτες, εκτελέστε το αρχείο στο πρόγραμμα περιήγησης.
Παράδειγμα 5
Μέχρι τώρα, έχουμε συζητήσει το ενσωματωμένο στυλ του κειμένου. Η δημιουργία πλάγιας μορφής κειμένου αναφέρεται επίσης στο στυλ και στο σχεδιασμό του κειμένου. Το στυλ είναι τριών τύπων. Το ένα είναι ενσωματωμένο, το δεύτερο είναι εσωτερικό και το τρίτο είναι εξωτερικό. Το ενσωματωμένο στυλ γίνεται μέσα στην ετικέτα. Το εσωτερικό είναι γραμμένο στο σώμα του κεφαλιού. Και το εξωτερικό στυλ γίνεται σε άλλο αρχείο με επέκταση .css.
Αυτό είναι ένα παράδειγμα inline css. εδώ, έχουμε γράψει τον κώδικα μέσα στις ετικέτες της παραγράφου. Έχουμε δηλώσει τη δήλωση στυλ ως γραμματοσειρά ως πλάγια. Αυτή η δήλωση είναι γραμμένη μέσα στην ετικέτα, επομένως δεν θα έχει καμία ετικέτα κλεισίματος, όπως μπορείτε να δείτε στην παραπάνω εικόνα. Τώρα κλείστε όλες τις ετικέτες και εκτελέστε τις στο πρόγραμμα περιήγησης. Δείχνει τα ίδια αποτελέσματα με αυτά που θέλαμε.
< Π στυλ=φτιαχνω, κανω-στυλ: πλάγια;> 
Παράδειγμα 6
Μετά την ενσωμάτωση, τώρα θα προσθέσουμε το παράδειγμα του εσωτερικού στυλ. Εδώ προστίθεται μια κλάση μέσα στο τμήμα κεφαλής. Στη συνέχεια, το όνομα της κλάσης δηλώνεται μέσα στην ετικέτα παραγράφου στο σώμα του html. Έτσι ώστε να είναι εύκολα προσβάσιμο.
< κεφάλι >>< στυλ >>
.προς το{
Φτιαχνω, κανω-στυλ: πλάγια;
}
</ στυλ >></ κεφάλι >>
Μπορείτε να δείτε ότι η κλάση αρχικοποιείται με τη μέθοδο dot. Υπάρχουν δύο παράγραφοι στον κώδικα. εφαρμόσαμε αυτό το στυλ σε ένα από αυτά. Είναι λοιπόν χρήσιμο όταν θέλουμε να μορφοποιήσουμε μία παράγραφο.
Η δήλωση κλάσης μέσα στην παράγραφο είναι?
< Π τάξη=α>< Π τάξη='προς το'>>
Αυτό θα έχει πρόσβαση στην τάξη στο κεφάλι. Τώρα δείτε την έξοδο. Θα παρατηρήσετε ότι μία από τις παραγράφους έχει τη μορφή πλάγιου χαρακτήρα.
συμπέρασμα
Αυτό το άρθρο αντιπροσωπεύει τη μορφοποίηση του κειμένου σε πλάγια μορφή. Ο σχεδιασμός κειμένου είναι ένα ουσιαστικό μέρος του σχεδιασμού μιας ιστοσελίδας.