Πώς να κάνετε το κείμενο αόρατο σε κώδικα HTML

Περιεχόμενο

• Οδηγίες

Αρκετές ετικέτες HTML έρχονται με μια ιδιότητα που ονομάζεται "ορατότητα". Ένα στοιχείο που έχει αυτό το στυλ είναι η ετικέτα div. Αυτή η ετικέτα είναι ένα κοντέινερ που περιέχει κείμενο και εικόνες σε μια συγκεκριμένη τοποθεσία σε μια ιστοσελίδα. Μπορείτε να το χρησιμοποιήσετε για να αποκρύψετε το κείμενο σε μια σελίδα. Περιβάλλετε τα μπλοκ κειμένου σας με ετικέτα div και θα κρυφτούν. Αυτό είναι χρήσιμο όταν θέλετε να δημιουργήσετε ένα μενού ή μια δυναμική σελίδα που δεν εμφανίζει πληροφορίες μέχρι ο χρήστης να κάνει κλικ σε ένα κουμπί ή ένα σύνδεσμο.

Οδηγίες

Πώς να κάνετε το κείμενο αόρατο σε κώδικα HTML (3d εικόνα http από τον Mauro Saivezzo από την Fotolia.com)

1. Ανοίξτε την ιστοσελίδα σας σε ένα πρόγραμμα επεξεργασίας κειμένου. Μπορεί να είναι σε έναν απλό επεξεργαστή κειμένου όπως το Notepad ή πιο προηγμένους επεξεργαστές HTML όπως το Notepad ++ ή το Visual Studio.

2. Τοποθετήστε μια ετικέτα div στην ενότητα της σελίδας στην οποία θέλετε να τοποθετήσετε το κείμενο. Ο παρακάτω κώδικας τοποθετεί μια ετικέτα div με την ιδιότητα ορατότητας που έχει κρυφτεί:

3. Εισάγετε κάποιο κείμενο μέσα στην ετικέτα div. Για να δοκιμάσετε, πληκτρολογήστε "Το κρυφό κείμενο μου" μέσα στην ετικέτα. Ο κωδικός σας θα πρέπει να είναι ως εξής: Το κρυφό κείμενό μου

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