3 τρόποι εισαγωγής χώρων σε HTML

Πίνακας περιεχομένων:

3 τρόποι εισαγωγής χώρων σε HTML
3 τρόποι εισαγωγής χώρων σε HTML

Βίντεο: 3 τρόποι εισαγωγής χώρων σε HTML

Βίντεο: 3 τρόποι εισαγωγής χώρων σε HTML
Βίντεο: Πώς να δείτε τα κρυφά αρχεία στα Windows 10 2024, Ενδέχεται
Anonim

Αυτό το wikiHow σας διδάσκει πώς να εισαγάγετε κενά και αλλαγές γραμμών στο HTML. Δεδομένου ότι θα δημιουργήσετε μόνο έναν χώρο στο HTML σας όταν πατάτε το πλήκτρο διαστήματος πολλές φορές, πρέπει να χρησιμοποιήσετε ετικέτες HTML για να εισαγάγετε περισσότερα από ένα διαστήματα τη φορά.

Βήμα

Μέθοδος 1 από 3: Χρήση κώδικα HTML

Εισαγωγή χώρων στο HTML Βήμα 1
Εισαγωγή χώρων στο HTML Βήμα 1

Βήμα 1. Ανοίξτε το έγγραφο HTML

Μπορείτε να επεξεργαστείτε έγγραφα HTML χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου όπως το Σημειωματάριο ή το TextEdit στα Windows. Μπορείτε επίσης να χρησιμοποιήσετε έναν επεξεργαστή HTML όπως το Adobe Dreamweaver. Ακολουθήστε αυτά τα βήματα για να ανοίξετε ένα έγγραφο HTML.

  • Αναζητήστε έγγραφα HTML στην Εξερεύνηση αρχείων σε υπολογιστή Windows (ή Finder σε Mac).
  • Κάντε δεξί κλικ στο έγγραφο HTML που θέλετε να επεξεργαστείτε.
  • Τοποθετήστε το δείκτη του ποντικιού πάνω από την επιλογή " Ανοιγμα με ”.
  • Κάντε κλικ στο πρόγραμμα που θέλετε να χρησιμοποιήσετε για να επεξεργαστείτε το αρχείο.
Εισαγωγή χώρων στο HTML Βήμα 2
Εισαγωγή χώρων στο HTML Βήμα 2

Βήμα 2. Πατήστε το πλήκτρο διαστήματος για να προσθέσετε έναν κανονικό χώρο

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

Image
Image

Βήμα 3. Πληκτρολογήστε για να προσθέσετε βίαια κενά διαστήματα

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

  • Για παράδειγμα, πληκτρολογήστε Γεια σε όλους! για να εισαγάγετε έναν επιπλέον χώρο μεταξύ των λέξεων "Γεια" και "σε όλους!"
  • Εάν χρησιμοποιείτε υπερβολικά αυτούς τους χαρακτήρες, το πρόγραμμα περιήγησής σας θα δυσκολευτεί να εισαγάγει αλλαγές γραμμής με έναν τακτοποιημένο και εύκολο στην ανάγνωση τρόπο.
  • Μπορείτε επίσης να πληκτρολογήσετε για τη βίαιη εισαγωγή ενός διαστήματος.
Image
Image

Βήμα 4. Εισάγετε κενά διαφόρων πλάτων

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

  • Δύο χώροι - Τύπος
  • Τέσσερις χώροι - Τύπος
  • Εσοχή - Τύπος

Μέθοδος 2 από 3: Χρήση κώδικα CSS

Εισαγωγή χώρων στο HTML Βήμα 5
Εισαγωγή χώρων στο HTML Βήμα 5

Βήμα 1. Ανοίξτε το έγγραφο HTML ή CSS

Ο κώδικας CSS μπορεί να εφαρμοστεί στην κεφαλίδα ενός εγγράφου HTML ή να γραφτεί ως εξωτερικό έγγραφο CSS.

Η κεφαλή του εγγράφου HTML βρίσκεται στην κορυφή του αρχείου. Αυτή η ενότητα βρίσκεται μεταξύ των σημείων "" και ""

Image
Image

Βήμα 2. Δημιουργήστε ένα τμήμα στυλ για τον κώδικα CSS

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

  • Πληκτρολογήστε για να ανοίξετε το τμήμα στυλ. Όλος ο κώδικας CSS πρέπει να προστεθεί μετά από αυτό το σήμα.
  • Πληκτρολογήστε για να κλείσετε το τμήμα στυλ. Όλος ο κωδικός CSS πρέπει να εισαχθεί πριν από αυτό το σημείο κλεισίματος.
Image
Image

Βήμα 3. Πληκτρολογήστε τα ακόλουθα στο τμήμα στυλ: p {text-indent: 5em;} Το Αυτή η σημαία λέει στο πρόγραμμα περιήγησης την εσοχή πέντε διαστημάτων όταν προστεθεί στον κατάλληλο κώδικα HTML.

  • Μπορείτε να προσαρμόσετε τον αριθμό ή το πλάτος των κενών πληκτρολογώντας έναν διαφορετικό αριθμό μετά τον κώδικα "κείμενο-εσοχή:".
  • Η μονάδα "em" ισοδυναμεί με ένα διάστημα στο καθορισμένο ή εφαρμοστέο μέγεθος γραμματοσειράς. Μπορείτε να χρησιμοποιήσετε άλλες μονάδες όπως ποσοστά (π.χ. "εσοχή κειμένου: 15%;") ή μονάδες μήκους (π.χ. "εσοχή κειμένου: 3mm;").
Image
Image

Βήμα 4. Tikka

από την πλευρά που θέλετε να κάνετε εσοχή.

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

Μέθοδος 3 από 3: Χρήση προδιαμορφωμένου κειμένου

Εισαγωγή χώρων στο HTML Βήμα 9
Εισαγωγή χώρων στο HTML Βήμα 9

Βήμα 1. Ανοίξτε το έγγραφο HTML

Μπορείτε να επεξεργαστείτε έγγραφα HTML χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου όπως το Σημειωματάριο ή το TextEdit στα Windows. Μπορείτε επίσης να χρησιμοποιήσετε έναν επεξεργαστή HTML όπως το Adobe Dreamweaver. Ακολουθήστε αυτά τα βήματα για να ανοίξετε ένα έγγραφο HTML.

  • Αναζητήστε έγγραφα HTML στην Εξερεύνηση αρχείων σε υπολογιστή Windows (ή Finder σε Mac).
  • Κάντε δεξί κλικ στο έγγραφο HTML που θέλετε να επεξεργαστείτε.
  • Τοποθετήστε το δείκτη του ποντικιού πάνω από την επιλογή " Ανοιγμα με ”.
  • Κάντε κλικ στο πρόγραμμα που θέλετε να χρησιμοποιήσετε για να επεξεργαστείτε το αρχείο.
Image
Image

Βήμα 2. Πληκτρολογήστε

πριν από το κείμενο που θέλετε να προδιαμορφώσετε.

Ο κώδικας είναι ένα διαμορφωμένο άνοιγμα κειμένου.

Image
Image

Βήμα 3. Πληκτρολογήστε το επιθυμητό κείμενο μετά το"

".

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

Image
Image

Βήμα 4. Πληκτρολογήστε μετά το κείμενο.

Το προδιαμορφωμένο τμήμα κειμένου θα τελειώσει.

Συμβουλές

  • Εάν ο χώρος που έχετε εισαγάγει παράγει περίεργα σύμβολα στο πρόγραμμα περιήγησής σας, είναι πιθανό να προκαλείται από επιπλέον δεδομένα σε μορφή προγράμματος επεξεργασίας κειμένου που δεν πρέπει να εμφανίζονται στο διαδίκτυο. Μπορείτε να αποτρέψετε την εμφάνιση του συμβόλου πληκτρολογώντας τον κώδικα σε ένα πρόγραμμα επεξεργασίας απλού κειμένου, όπως το Σημειωματάριο ή το TextEdit.
  • Το CSS είναι μια πιο εξελιγμένη και προβλέψιμη γλώσσα φύλλων στυλ για το σχεδιασμό στοιχείων σε ιστοσελίδες, συμπεριλαμβανομένου του διαστήματος κειμένου.
  • Σταθερός χώρος (χώρος που δεν σπάει)
  • είναι ένα παράδειγμα οντότητας χαρακτήρα, ένας κώδικας που αναφέρεται σε έναν χαρακτήρα που δεν μπορείτε να πληκτρολογήσετε μέσω του πληκτρολογίου.

Προειδοποίηση

  • Χαρακτήρες HTML για την καρτέλα

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

Συνιστάται: