HTML επιτρέπει την ενσωμάτωση των εικόνων και αντικειμένων που μπορούν να χρησιμοποιηθούν για τη διαδραστικότητα . HTML λειτουργεί καλά με JavaScript που μπορεί να χρησιμοποιηθεί για να επηρεάσει τη συμπεριφορά των web browsers . Εκτός JavaScript , Cascading Style Sheets ( CSS ) μπορεί επίσης να ενσωματωθεί επηρεάσει τη διάταξη και την εμφάνιση του περιεχομένου . Όταν χρησιμοποιείται αξιοπρεπώς , οι επιπτώσεις μπορεί να προσφέρει λειτουργικότητα και βελτίωση της εμπειρίας των χρηστών και να κάνει μια ιστοσελίδα να ξεχωρίζει . Για να είναι αποτελεσματικά , τα ειδικά εφέ δεν θα πρέπει να επιβραδύνει το πρόγραμμα περιήγησης ή να ερεθίσει τους επισκέπτες . Οδηγίες
Κυλιόμενο κείμενο
Η 1
φωτιά μέχρι την εφαρμογή Notepad και πληκτρολογήστε τις βασικές ετικέτες HTML , όπως φαίνεται παρακάτω :
html >
Αυτό είναι μου eHow σελίδα < /title> < /head> <body> Αυτό είναι ένα Κυλιόμενο κείμενο < /body> 2 <br> <p> Αποθηκεύστε το αρχείο παραπάνω ως index.html στην επιφάνεια εργασίας σας και κάντε διπλό κλικ για να τρέξει . Θα παρατηρήσετε ότι μόνο ένα στατικό κείμενο " Αυτό είναι ένα Κυλιόμενο κείμενο " εμφανίζεται . <br> Εικόνων 3 <p> Επιστρέψτε στην εφαρμογή Σημειωματάριο σας και να προσθέσετε το παρακάτω κείμενο κάτω από το " <body> " tag : <br> <p> <body> <marquee> Αυτό είναι ένα Κυλιόμενο κείμενο < /marquee > <br> <p> Το σύνολο του κώδικα πρέπει να διαβάσω τώρα , όπως φαίνεται παρακάτω : <br> <p> <html> ? <head> <title> Αυτή είναι η σελίδα μου όταν έχετε διαβάσει < /title> < /head> <body> <marquee> Αυτό είναι ένα Κυλιόμενο κείμενο < /marquee > < /body> <br> < br > <br> Scrolling Εικόνες <br> Η <p> 4 Εντοπίστε την εικόνα που θέλετε να μεταβείτε σε μια ιστοσελίδα και κάντε δεξί κλικ , πηγαίνετε στο " Ιδιότητες" και να βρείτε τη διεύθυνση καταγραφής . Χρησιμοποιήστε το " Προβολή προέλευσης σελίδας " κατά τη χρήση άλλων browsers όπως ο Firefox και να μεταβείτε στη διεύθυνση logo <br> 5 <p> Αντιγράψτε το σύνδεσμο της σελίδας με το λογότυπο και να πάει πίσω στο έγγραφο HTML και να το επικολλήσετε όπως φαίνεται παρακάτω . : <br> <p> <html> <head> <title> Αυτή είναι η σελίδα μου όταν έχετε διαβάσει < /title> < /head> <body> <marquee> < img src = " http://www.google.com /images /logo.gif > < /marquee > < /body> < /html > Αυτό είναι μόνο ένα παράδειγμα και μπορεί να μην λειτουργούν σωστά . Χρησιμοποιήστε μια πραγματική σύνδεση που αναφέρεται σε μια πραγματική εικόνα . < br > <br> 6 <p> Αποθηκεύστε το αρχείο , πηγαίνετε πίσω στο έγγραφο και την άποψή σας . Μπορείτε να αλλάξετε το μέγεθος , να τυλίξει το μήκος και άλλες λεπτομέρειες , όπως καλά. εικόνων <br> Mouse -Over Button <br> Σελίδα 7 <p> Αντιγραφή ή να δημιουργήσετε δύο εικόνες , κατά προτίμηση εκείνοι που μοιάζουν με κουμπιά , σε ένα φάκελο . Ονομάστε τις εικόνες "ένα" και " δύο " . <br> 8 <p> Ανοίξτε την εφαρμογή Σημειωματάριο σας και πληκτρολογήστε τον παρακάτω κώδικα : <br> <p> <html> <head> <title> Αυτή είναι η σελίδα μου όταν έχετε διαβάσει < /title> < /head> <body> < img src = " one.gif " onmouseover = " src = " two.gif " onmouseout = "src = " one.gif ""> < /body> < /htnl > <br> Η 9 <p> Αποθηκεύστε το αρχείο ως εικόνα . html στον ίδιο φάκελο που μπορείτε να αποθηκεύσετε τις εικόνες <br> εικόνων Alert Script <br> Η 10 <p> Φωτιά μέχρι το Notepad και πληκτρολογήστε τον παρακάτω κωδικό : . <br> <p> < ? html > <head> <title> Αυτό μου Pop Up σελίδας < /title> < /head> <body> <a href = " http://Google.com " onMouseOver = " alert (' Αυτό είναι ένα Pop Up ) ? return true ? " > Κάντε κλικ popUp < /a> < /body> < /html > <br> Η 11 <p> Προσθέστε το δικό αναδυόμενο μήνυμα σας , το κείμενο δεσμού και την ιστοσελίδα ότι θέλετε το σύνδεσμο για παραπομπή . <br> Η 12 <p> Αποθηκεύστε το αρχείο ως pop.html και κάντε διπλό κλικ για να τρέξει . <br> Η <br> εικόνων
<div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Software/open-source-code/144179.html' >Πώς μπορώ να απαλλαγείτε από το Mozilla Thunderbird </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Software/open-source-code/144181.html' >Τι είναι το OpenOffice Suite </a>
</ul>
</div>
</div>
<div class="woqinimaderwr24">
<div class="dibud23">
<div class="biaotidas51">
<div class="biaotidas511"><h3>Συναφής σύστασή</h3></div>
<div class="butudasda"></div>
</div>
</div>
<div class="dibud24">
<div class="dibud241">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Software/open-source-code/143847.html" target="_blank">Πώς να αφαιρέσει το Πλαίσιο Γύρω Zen Cart </a></li>
<li><a href="http://www.221021.com/Software/open-source-code/144027.html" target="_blank">Πώς να Απόσπασμα IMDB Εικόνες Με την PHP </a></li>
<li><a href="http://www.221021.com/Software/open-source-code/143733.html" target="_blank">Πώς να αφαιρέσει το Changer εικόνας σε Dolphin </a></li>
<li><a href="http://www.221021.com/Software/open-source-code/143896.html" target="_blank">Οι διαφορές μεταξύ PHPBB & phpBB3 </a></li>
<li><a href="http://www.221021.com/Software/open-source-code/144034.html" target="_blank">Πώς να αφαιρέσει ένα Tagged έκδοσης στο CVS </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Software/open-source-code/292084.html" target="_blank">Τι σημαίνει ο όρος Ανοιχτό Σύστημα στους υπολογιστές; </a></li>
<li><a href="http://www.221021.com/Software/open-source-code/284769.html" target="_blank">Τι είναι η ανάπτυξη δωρεάν και ανοιχτού κώδικα; </a></li>
<li><a href="http://www.221021.com/Software/open-source-code/143785.html" target="_blank">Πώς να εγκαταστήσετε DNN </a></li>
<li><a href="http://www.221021.com/Software/open-source-code/143809.html" target="_blank">Πώς να δημιουργήσετε μια ετικέτα τίτλου για Οικοσελίδα στο Wordpress χωρίς αυτό Εμφάνιση στο Header </a></li>
</ul>
</div>
</div>
</div>
<div class="dibudaohnagdsaw">
<div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div>
</div>
</div>
</body>
</html>