Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> Γλώσσες Προγραμματισμού Υπολογιστών

Πώς να προσθέσει Space γύρω από μια εικόνα Χρησιμοποιώντας HTML Προγραμματισμός

HTML - Hypertext Markup Language - είναι μια γλώσσα υπολογιστή που χρησιμοποιείται για τη δημιουργία ιστοσελίδων . Οι ιστοσελίδες και ιστοσελίδες γραμμένο σε κώδικα HTML . Είτε είστε δημιουργία μια προσωπική ιστοσελίδα ή μια επιχειρηματική σελίδα στο διαδίκτυο, η εκμάθηση κώδικα HTML μπορεί να είναι πολύ ευεργετική . Γνωρίζοντας πώς να χρησιμοποιήσετε τον κώδικα μπορεί να σας βοηθήσει να χειριστείτε τις ρυθμίσεις της σελίδας σας . HTML έγγραφα περιέχουν απλό κείμενο και να έχει ». Html " ή " . Htm ' επέκταση . Μπορείτε να προσθέσετε επιπλέον χώρο γύρω από τις εικόνες στη σελίδα σας . Προσθέτοντας χώρο γύρω από μια εικόνα είναι ένας εξαιρετικός τρόπος για να κάνει τη σελίδα σας ελκυστική . Αυτός ο οδηγός θα σας διδάξει πώς να προσθέσετε επιπλέον χώρο γύρω από τις εικόνες σας για την εμφάνιση της σελίδας σας . Παρουσιάζει μια πολύ απλή προσέγγιση για την προσαρμογή της σελίδας σας . Οδηγίες
Η 1

Ξεκινήστε ένα πρόγραμμα επεξεργασίας κειμένου , πρόγραμμα επεξεργασίας κειμένου ή ένα πρόγραμμα συγγραφής web . Θα χρησιμοποιήσετε αυτό για να δημιουργήσετε μια ιστοσελίδα . 2

Τύπος HSPACE = ; στο εσωτερικό της ετικέτας εικόνας . Αντικαταστήστε το ερωτηματικό με έναν αριθμό για να δείξει το μέγεθος του χώρου που θέλετε να προσθέσετε στην αριστερή και δεξιά πλευρά της εικόνας σε pixel . Όσο μεγαλύτερος είναι ο αριθμός , τόσο περισσότερο χώρο θα προσθέσει γύρω από την εικόνα . Το κείμενό σας θα πρέπει να μοιάζει με το παρακάτω παράδειγμα : Αυτό είναι ο τίτλος σας < /TITLE> < /HEAD > <BODY> <H1> Αυτό είναι ευπρόσδεκτο το κείμενό σας < . /H1 > <IMG SRC="Butterfly.jpg" ALIGN=LEFT HSPACE=30> πεταλούδες είναι πολύ όμορφα πλάσματα . Εμφανίζουν διάφορα χρώματα . < /BODY > < /HTML > εικόνων <br> 3 <p> Ανοίξτε ένα νέο web browser για να βεβαιωθείτε ότι η ιστοσελίδα προσθέτει χώρο στην αριστερή και δεξιά πλευρά του εικόνα . Για να εμφανίσετε τη σελίδα , μπορείτε να χρησιμοποιήσετε ένα πρόγραμμα περιήγησης , όπως ο Internet Explorer . Για να ανοίξετε την ιστοσελίδα στο πρόγραμμα περιήγησης , κάντε κλικ στο κουμπί του αρχείου κατά μήκος της γραμμής μενού , κάντε κλικ στο ανοιχτό . Εμφανίζεται το παράθυρο διαλόγου ανοιχτό . Κάντε κλικ στο κουμπί Αναζήτηση για να εντοπίσετε την ιστοσελίδα . Επιλέξτε την ιστοσελίδα που θέλετε να ανοίξετε . Η ιστοσελίδα σας θα εμφανίζεται στο πρόγραμμα περιήγησης . <br> Η 4 <p> Ξεκινήστε τον επεξεργαστή κειμένου ή πρόγραμμα επεξεργασίας κειμένου που θα χρησιμοποιήσετε για να δημιουργήσετε την ιστοσελίδα σας . Για να προσθέσετε χώρο στο επάνω και κάτω μέρος της εικόνας , τύπος VSPACE =? Αντικαταστήστε το ερωτηματικό με έναν αριθμό για να δείξει το μέγεθος του χώρου που θέλετε να προσθέσετε στην αριστερή και δεξιά πλευρά της εικόνας σε pixel . Όσο μεγαλύτερος είναι ο αριθμός , τόσο περισσότερο χώρο θα προσθέσει γύρω από την εικόνα . Το κείμενό σας θα πρέπει να μοιάζει με το παρακάτω παράδειγμα : <HTML> <HEAD> <TITLE> Αυτό είναι ο τίτλος σας < /TITLE> < /HEAD > <BODY> <H1> Αυτό είναι ευπρόσδεκτο το κείμενό σας < . /H1 > <IMG SRC="Butterfly.jpg" ALIGN=LEFT VSPACE=30> πεταλούδες είναι πολύ όμορφα πλάσματα . Εμφανίζουν διάφορα χρώματα . < /BODY > < /HTML > <br> 5 <p> Ανοίξτε ένα νέο web browser για να βεβαιωθείτε ότι ιστοσελίδα σας προσθέτει χώρο στο επάνω και κάτω πλευρά της εικόνας . < br > <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/Programming/computer-programming-languages/88891.html' >Πώς να προσθέσετε ένα περίγραμμα χρησιμοποιώντας HTML Προγραμματισμός </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/computer-programming-languages/88893.html' >Πώς να Υπογράμμιση κειμένου με χρήση HTML Κώδικες </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/Programming/computer-programming-languages/282464.html" target="_blank">Τι είναι το lex στον προγραμματισμό λογισμικού συστήματος και γλώσσας συναρμολόγησης; </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/87022.html" target="_blank">Πώς να κάνει μεταβλητές αρχείου σε GNU </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88061.html" target="_blank">Πώς να προσθέσει δυναμικές DataGrid Στήλες </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86585.html" target="_blank">Όρια άξονα σε MATLAB </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88667.html" target="_blank">Τι είναι ένα υπό όρους δήλωση </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/Programming/computer-programming-languages/86914.html" target="_blank">Πώς να αναλύσει μια ArrayCollection </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/314680.html" target="_blank">Τι είναι ο διερμηνέας εντολών; </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/276981.html" target="_blank">Μπορεί κάποιος να ορίσει με σαφήνεια τους όρους του υπολογιστή bit και byte; </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88459.html" target="_blank">Πώς μπορώ να αλλάξω FLP Files </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>