Περιεχόμενο

• Για να πας
• Μέθοδος 1 από 2: Χρήση CSS
• Μέθοδος 2 από 2: Χρήση της ετικέτας "κέντρο" σε HTML

Αυτό το wikiHow σας διδάσκει πώς να κεντράρετε το κείμενο σε έναν ιστότοπο HTML. Χρησιμοποιούμε CSS (Cascading Style Sheets ή στυλ φύλλα) για αυτό. Συνήθιζα να κεντράρουμε σε HTML χρησιμοποιώντας το κέντρο>ετικέτα, αλλά αυτό δεν λειτουργεί πλέον στα περισσότερα προγράμματα περιήγησης.

Για να πας

Μέθοδος 1 από 2: Χρήση CSS

1. Ανοίξτε το αρχείο κειμένου στο οποίο περιγράφετε τα στυλ σας. Τώρα το κέντρο>η ετικέτα δεν χρησιμοποιείται πλέον, δημιουργήστε ένα νέο στοιχείο σε αυτό το αρχείο που θα επικεντρώσει το κείμενο σε ορισμένες περιοχές του εγγράφου HTML. Εάν δεν έχετε ξεχωριστό αρχείο CSS, οι κωδικοί βρίσκονται στο επάνω μέρος του εγγράφου HTML μεταξύ των ετικετών "style>" και "/ style>".
   • Ως το στυλ>- και / στυλ>οι ετικέτες δεν υπάρχουν ακόμη, μπορείτε να τις τοποθετήσετε απευθείας κάτω από το σώμα>ετικέτα με τον ακόλουθο τρόπο:

   ! DOCTYPE html> html> body> style> / style>

2. Δημιουργήστε μια τάξη που επικεντρώνει το κείμενο. ο div>Η ετικέτα αναφέρει στο έγγραφο HTML σε ποια συγκεκριμένη ενότητα αναφέρεται αυτή η τάξη. Πληκτρολογήστε τα ακόλουθα μεταξύ των ετικετών "style", φροντίζοντας να κάνετε κλικ δύο φορές ↵ Εισαγάγετε μετά την πρώτη γραμμή:

   div.a {}

3. Πρόσθεσε το στοίχιση κειμένουιδιοκτησία. Τύπος text-align: center; μεταξύ των στηριγμάτων στο πρώτη αοιδός μελοδράματος-Ενότητα. Η "κεφαλίδα" μοιάζει τώρα ως εξής:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / στυλ>

4. Προσθέστε το σωστό divετικέτα στο κείμενο που θέλετε να κεντράρετε. Το κάνετε αυτό μέσω του div>ετικέτα πάνω από αυτό το κείμενο και κλείσιμο με ένα / div>ετικέτα κάτω από αυτό το κείμενο. Για παράδειγμα, εάν θέλετε να κεντράρετε έναν τίτλο και την παρακάτω παράγραφο, μοιάζει με αυτό:

   div> h1> Καλώς ορίσατε στον ιστότοπό μου / h1> p> Αυτός ο ιστότοπος είναι κυρίως για την παροχή πληροφοριών σχετικά με τα πράγματα./p> / div>

5. Χρησιμοποιήστε το πρώτη αοιδός μελοδράματοςετικέτα στο κέντρο άλλων στοιχείων. Όταν θέλετε να κεντράρετε ένα άλλο στοιχείο, όπως το περιεχόμενο μεταξύ των ετικετών p> / p> και h2> / h2>, πληκτρολογείτε div> για αυτό το στοιχείο και / div> έπειτα. Δεδομένου ότι έχετε ήδη ορίσει το "div.a" ως τον κεντρικό κώδικα CSS, αυτά τα στοιχεία είναι πλέον κεντραρισμένα.

   style> div.a {text-align: center; } / style> div> h2> Οι δωρεές είναι ευπρόσδεκτες / h2> p> παρακαλώ / p> / div>

6. Ελέγξτε το έγγραφό σας. Παρόλο που το κείμενο στην ιστοσελίδα σας είναι φυσικά διαφορετικό, θα πρέπει να μοιάζει με αυτό:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Καλώς ορίσατε στον ιστότοπό μου / h1> p> Αυτός ο ιστότοπος προορίζεται κυρίως για την παροχή πληροφοριών σχετικά με πράγματα. / p> / div> div> h2> Οι δωρεές είναι ευπρόσδεκτες / h2> p> παρακαλώ / p> / div> / body> / html>

Μέθοδος 2 από 2: Χρήση της ετικέτας "κέντρο" σε HTML

1. Ανοίξτε το έγγραφο HTML. Αυτή η μέθοδος περιγράφει πώς να ξεπεραστεί κέντρο>ετικέτα. Αυτή η μέθοδος μπορεί να εξακολουθεί να λειτουργεί σε ορισμένα προγράμματα περιήγησης, αλλά είναι καλύτερο να μην βασίζεστε υπερβολικά.
2. Βρείτε το κείμενο που θέλετε να κεντράρετε. Κάντε κύλιση προς τα κάτω στο έγγραφό σας μέχρι να βρείτε τον τίτλο, την παράγραφο ή άλλο κείμενο που θέλετε να κεντράρετε.
3. Τοποθετήστε την ετικέτα "κέντρο" και στις δύο πλευρές του κειμένου. Ο κωδικός μοιάζει με αυτόν κέντρο> κείμενο / κέντρο>. Εδώ, το "κείμενο" είναι το κείμενο στο κέντρο. Εάν υπάρχουν άλλες ετικέτες σε αυτό το κείμενο, όπως "p> / p>" πριν από μια παράγραφο, τοποθετήστε τις ετικέτες "center" έξω από τις υπάρχουσες ετικέτες.

   center> h1> Καλώς ορίσατε στον ιστότοπό μου / h1> / center> center> Νιώστε άνετα! / center>

4. Ελέγξτε το έγγραφο HTML. Θα πρέπει να μοιάζει με αυτό:

   ! DOCTYPE html> html> body> h1> center> Καλώς ορίσατε στον ιστότοπό μου / κέντρο> / h1> κέντρο> Διευκολύνετε τον εαυτό σας! / Κέντρο> p1> Αυτός ο ιστότοπος προορίζεται κυρίως να παρέχει πληροφορίες σχετικά με τα πράγματα./p1> / body > / html>