Πώς να εισαγάγετε κενά στο HTML

Συγγραφέας: Joan Hall
Ημερομηνία Δημιουργίας: 28 Φεβρουάριος 2021
Ημερομηνία Ενημέρωσης: 28 Ιούνιος 2024
Anonim
HTML ΣΤΑ ΕΛΛΗΝΙΚΑ - Η πρώτη μου ιστοσελίδα (FRONTEND)
Βίντεο: HTML ΣΤΑ ΕΛΛΗΝΙΚΑ - Η πρώτη μου ιστοσελίδα (FRONTEND)

Περιεχόμενο

1 Ανοίξτε ένα έγγραφο HTML. Αυτό μπορεί να γίνει σε έναν κανονικό επεξεργαστή κειμένου, όπως το Σημειωματάριο ή το TextEdit στα Windows. Μπορείτε επίσης να χρησιμοποιήσετε έναν επεξεργαστή αρχείων HTML όπως το Adobe Dreamweaver. Για να ανοίξετε ένα έγγραφο HTML:
  • Μεταβείτε στο έγγραφο HTML στο Explorer (Windows) ή το Finder (macOS).
  • Κάντε δεξί κλικ στο επιθυμητό έγγραφο HTML.
  • Τοποθετήστε το δείκτη του ποντικιού πάνω από το Open With.
  • Επιλέξτε το πρόγραμμα στο οποίο θέλετε να επεξεργαστείτε το έγγραφο.
  • 2 Κάντε κλικ στο χώροςγια να προσθέσετε έναν κανονικό χώρο. Τοποθετήστε τον κέρσορα στο σημείο που θέλετε να εισαγάγετε ένα κενό και, στη συνέχεια, πατήστε το πλήκτρο "Space". Στο HTML, θα εμφανιστεί μόνο ένα κενό μεταξύ των λέξεων, ακόμη και αν χτυπήσετε το διάστημα πολλές φορές.
  • 3 Εισαγω για να προσθέσετε επιπλέον χώρο. Ονομάζεται non-break space γιατί δεν επιτρέπει νέα γραμμή.
    • Για παράδειγμα, εάν εισαγάγετε γεια σε όλους, ανάμεσα στις λέξεις "Γεια" και "σε όλους!" θα εισαχθεί ένας επιπλέον χώρος.
    • Λάβετε υπόψη ότι πάρα πολλά κενά διαστήματα θα εμποδίσουν το πρόγραμμα περιήγησης να κάνει αλλαγές γραμμών στα σωστά μέρη, καθιστώντας το κείμενο δύσκολο να διαβαστεί.
    • Μπορείτε επίσης να εισαγάγετε  για να εισάγετε ένα κενό.
  • 4 Εισαγάγετε διαστήματα διαφορετικού μήκους. Εάν θέλετε να εισαγάγετε μεγαλύτερο διάστημα, χρησιμοποιήστε μία από τις ακόλουθες επιλογές:
    • Δύο χώροι - εισαγω
    • Τέσσερις χώροι - εισαγω
    • Εσοχή (διάκενο καρτελών) - εισαγω
  • Μέθοδος 2 από 3: CSS

    1. 1 Ανοίξτε ένα έγγραφο HTML ή CSS. Ο κώδικας CSS μπορεί να εισαχθεί στην κεφαλή ενός εγγράφου HTML ή να αποθηκευτεί ως εξωτερικό αρχείο CSS.
      • Η κεφαλή του εγγράφου HTML βρίσκεται στην κορυφή του αρχείου, μεταξύ των ετικετών "head>" και "/ head>".
    2. 2 Δημιουργήστε μια ενότητα στυλ για CSS. Η ενότητα στυλ βρίσκεται στην αρχή του κώδικα HTML ή σε ξεχωριστό φύλλο στυλ.Χρησιμοποιήστε τις ακόλουθες ετικέτες για να δημιουργήσετε μια ενότητα στυλ σε ένα έγγραφο HTML ή φύλλο στυλ.
      • Εισαγω στυλ>για να ανοίξετε την ενότητα στυλ. Όλος ο κώδικας CSS θα ακολουθήσει αυτήν την ετικέτα.
      • Εισαγω / style>για να κλείσετε την ενότητα στυλ. Όλο το CSS πρέπει να τοποθετηθεί πριν από αυτήν την ετικέτα τέλους.
    3. 3 Εισαγάγετε την ακόλουθη ετικέτα στην ενότητα στυλ:p {εσοχή-κείμενο: 5em;} Αυτό λέει στο πρόγραμμα περιήγησης να το κάνει εσοχή κατά 5 κενά (στο σωστό HTML).
      • Για να ορίσετε τον αριθμό των κενών, αλλάξτε τον αριθμό μετά την "εσοχή-κείμενο:".
      • Το στοιχείο "em" ταιριάζει με ένα διάστημα με το καθορισμένο μέγεθος γραμματοσειράς. Μπορούν να χρησιμοποιηθούν και άλλες μονάδες, όπως ποσοστό ("Εσοχή-κείμενο: 15%;") ή χιλιοστά ("Εσοχή-κείμενο: 3mm;").
    4. 4 Εισαγω p> όπου θέλετε να προσθέσετε εσοχή. Κάντε αυτό μέσα στο έγγραφο HTML όπου θέλετε να κάνετε εσοχή. Το κείμενο θα εσοχή σύμφωνα με τις προδιαγραφές CSS.

    Μέθοδος 3 από 3: Προδιαμορφωμένο κείμενο

    1. 1 Ανοίξτε ένα έγγραφο HTML. Αυτό μπορεί να γίνει σε έναν κανονικό επεξεργαστή κειμένου, όπως το Σημειωματάριο ή το TextEdit στα Windows. Μπορείτε επίσης να χρησιμοποιήσετε έναν επεξεργαστή αρχείων HTML όπως το Adobe Dreamweaver. Για να ανοίξετε ένα έγγραφο HTML:
      • Μεταβείτε στο έγγραφο HTML στο Explorer (Windows) ή το Finder (macOS).
      • Κάντε δεξί κλικ στο επιθυμητό έγγραφο HTML.
      • Τοποθετήστε το δείκτη του ποντικιού πάνω από το Open With.
      • Επιλέξτε το πρόγραμμα στο οποίο θέλετε να επεξεργαστείτε το έγγραφο.
    2. 2 Εισαγω προ> πριν από το κείμενο που θέλετε να προδιαμορφώσετε. Αυτή είναι η αρχική ετικέτα για προδιαμορφωμένο κείμενο.
    3. 3 Εισαγάγετε το κείμενο όπως προορίζεται μετά την ετικέτα "pre>". Κατά την προδιαμόρφωση του κειμένου, τυχόν κενά και αλλαγές γραμμών που δημιουργούνται πατώντας Enter θα εμφανίζονται στη σελίδα HTML.
    4. 4 Εισαγω / pre> στο τέλος του κειμένου. Αυτή είναι η ετικέτα κλεισίματος για προδιαμορφωμένο κείμενο.

    Συμβουλές

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

    Προειδοποιήσεις

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