Πώς να φτιάξετε μια ερπυστική γραμμή σε HTML

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

Πώς να φτιάξετε μια ερπυστική γραμμή σε HTML
Πώς να φτιάξετε μια ερπυστική γραμμή σε HTML

Βίντεο: Πώς να φτιάξετε μια ερπυστική γραμμή σε HTML

Βίντεο: Πώς να φτιάξετε μια ερπυστική γραμμή σε HTML
Βίντεο: Νόμος Coulomb - περιγραφή 2024, Νοέμβριος
Anonim

Οι σχεδιαστές ιστοσελίδων χρησιμοποιούν μια μεγάλη ποικιλία εφέ για να διακοσμήσουν τις σελίδες που δημιουργούν. Ένα από αυτά τα εφέ είναι μια ερπυστική γραμμή που προσελκύει την προσοχή του χρήστη και τον κάνει να διαβάσει το κείμενο.

Πώς να φτιάξετε μια ερπυστική γραμμή σε HTML
Πώς να φτιάξετε μια ερπυστική γραμμή σε HTML

Είναι απαραίτητο

html πρόγραμμα επεξεργασίας

Οδηγίες

Βήμα 1

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

Βήμα 2

Ανοίξτε το πρόγραμμα επεξεργασίας και γράψτε αυτόν τον κωδικό μεταξύ των ετικετών: Θυμάμαι μια υπέροχη στιγμή: Εμφανίστηκε μπροστά μου, σαν ένα φευγαλέο όραμα, σαν μια ιδιοφυΐα καθαρής ομορφιάς.

Βήμα 3

Κάντε κλικ στο εικονίδιο Προβολή στο πρόγραμμα περιήγησης (μεγεθυντικός φακός στο φόντο του πλανήτη) στο πρόγραμμα επεξεργασίας κώδικα. Θα ανοίξει το προεπιλεγμένο πρόγραμμα περιήγησης, θα δείτε τα ποιήματα του Πούσκιν στη γραμμή εκτέλεσης. Τώρα ρίξτε μια προσεκτική ματιά στο παραπάνω παράδειγμα. Η ετικέτα marquee είναι μια ετικέτα ανίχνευσης. Οι παράμετροι ύψους και πλάτους ορίζουν το ύψος και το πλάτος του κουτιού γραμμής, το bgcolor καθορίζει το χρώμα του φόντου, στην περίπτωση αυτή είναι λευκό. Αντικατάσταση πράσινο για λευκό και το φόντο της γραμμής θα γίνει πράσινο. Πειραματιστείτε με το χρώμα, το πλάτος και το ύψος του περιθωρίου γραμμής.

Βήμα 4

Μπορείτε να καθορίσετε επιπλέον παραμέτρους για κίνηση γραμμής χρησιμοποιώντας την παράμετρο BEHAVIOR. Για παράδειγμα, αλλάξτε την ετικέτα κώδικα ανοίγματος ως εξής: Ξεκινήστε μια προεπισκόπηση στον επεξεργαστή - τώρα το κείμενο θα μετακινηθεί από τη μία πλευρά του πλαισίου γραμμής στην άλλη και πίσω.

Βήμα 5

Μπορείτε να ορίσετε την κατεύθυνση κίνησης της γραμμής κύλισης χρησιμοποιώντας την παράμετρο DIRECTION = "..", αντικαθιστώντας τις παρακάτω τιμές: αριστερά - η γραμμή κινείται προς τα αριστερά. δεξιά - η γραμμή πηγαίνει προς τα δεξιά. πάνω - από κάτω προς τα πάνω. κάτω - από πάνω προς τα κάτω.

Βήμα 6

Δοκιμάστε να αλλάξετε το μέγεθος του κειμένου επισυνάπτοντάς το στην ετικέτα κειμένου. Σε αυτό το παράδειγμα, το μέγεθος του κειμένου είναι 5. Μπορείτε επίσης να αλλάξετε το χρώμα του χρησιμοποιώντας την ετικέτα κειμένου. Σε αυτό το παράδειγμα, το κείμενο θα είναι κόκκινο.

Συνιστάται: