Χρησιμοποιήστε δροσερούς κώδικες HTML για τον ιστότοπο

instagram viewer

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

Δημιουργήστε υπέροχα εφέ με την HTML
Δημιουργήστε υπέροχα εφέ με την HTML

Δημιουργήστε δροσερές κινήσεις

Εάν θέλετε να σχεδιάσετε τα κείμενά σας με διαφορετικό τρόπο για τον ιστότοπό σας, μπορείτε να κάνετε υπέροχα πράγματα με μικρούς κώδικες HTML Δημιουργήστε εφέ κίνησης χωρίς να καταφύγετε σε γλώσσες δέσμης ενεργειών, όπως jQuery ή JavaScript πρέπει.

  • Για παράδειγμα, εάν θέλετε να μετακινήσετε ένα κείμενο, μπορείτε να το κάνετε με την ετικέτα "marquee", οπότε πρέπει να καθορίσετε την κατεύθυνση για "κατεύθυνση". Για παράδειγμα, εάν θέλετε το κείμενο "Μετακινούμαι" να μετακινείται από αριστερά προς τα δεξιά, γράψτε:
    κινούμαι.
  • Το κείμενο στη δεξιά άκρη της εικόνας θα εξαφανιστεί και στη συνέχεια θα εμφανιστεί ξανά στο αριστερό. Εάν προτιμάτε να σχεδιάζετε κείμενο που συνεχίζει να κινείται μπρος -πίσω, γράψτε αντ 'αυτού:
    κινούμαι.
  • Μπορείτε επίσης να "μαρκάρετε" για Αρχεία εικόνας ενσωματώνοντας ένα αρχείο εικόνας μέσα στις δύο ετικέτες, για παράδειγμα γράφοντας "Bewegungs.jpg" για την εικόνα:
    Κινούμενη εικόνα
    .
  • Μπορείτε επίσης να δημιουργήσετε ένα δροσερό εφέ που αναβοσβήνει καθυστερώντας το κείμενο με "scrolldelay" και ξεθωριάζοντας πολύ γρήγορα με το "scrollamount":
    Αναβοσβήνω.
  • Βάλτε λοιπόν έναν σύνδεσμο μόνο σε μέρος της εικόνας

    Προγραμματίζετε τον ιστότοπό σας μόνοι σας σε HTML και θέλετε έναν σύνδεσμο προς ένα ...

Κώδικες HTML για υπόβαθρα και συνδέσμους

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

  • Για παράδειγμα, εάν χρησιμοποιείτε εικόνα φόντου για τον ιστότοπό σας, μπορείτε εύκολα να χρησιμοποιήσετε τον κώδικα HTML για αυτόν: χρήση. Θα πρέπει να βεβαιωθείτε ότι η επιλεγμένη εικόνα είναι κατάλληλα μεγάλη και ότι αντικαθιστάτε την αρχική ετικέτα σώματος με τον κώδικα.
  • Μπορείτε επίσης να εμφανίσετε μια εικόνα φόντου για ορισμένα αποσπάσματα κειμένου ή να ορίσετε ένα συγκεκριμένο χρώμα φόντου. Για παράδειγμα, για να χρησιμοποιήσετε την εικόνα "text.jpg" ως φόντο για το κείμενο "Κείμενο φόντου", γράψτε Κείμενο φόντου. Χρησιμοποιήστε το για μαύρο χρώμα φόντου Κείμενο φόντου.
  • Εάν θέλετε να εμφανίσετε κείμενο για κείμενο, εικόνα ή σύνδεσμο μόλις ο επισκέπτης με το ποντίκι οδηγεί σε αυτό, μπορείτε να το ορίσετε με το χαρακτηριστικό "τίτλος". Για ένα κείμενο, χρησιμοποιήστε ξανά την ετικέτα span, για παράδειγμα Το κείμενο σου. Στην περίπτωση ενός συνδέσμου ή εικόνας, θα πρέπει να προσθέσετε μόνο "τίτλο" στην αντίστοιχη ετικέτα, για παράδειγμα Ενας σύνδεσμος ή Μια εικόνα.

Πόσο χρήσιμο σας φαίνεται αυτό το άρθρο;

click fraud protection