Μια γκαλερί HTML είναι ένας τρόπος για να αναδείξουν τις φωτογραφίες που έχετε τραβήξει σε καθαρή , οργανωμένη στήλες και γραμμές . Μπορείτε να μοιραστείτε οποιαδήποτε εικόνα ή γραφικό που έχετε στην κατοχή σας , εφ 'όσον το αρχείο επεκτάσεις τους στο τέλος . Gif , . Jpg , . Png ή . TFF . Μάθετε πώς να οικοδομήσουμε μια τέσσερις - στηλών , πίνακας δύο σειρών με τέσσερα γραφικά και τέσσερις τίτλους , το κέντρο του πίνακα στη σελίδα και να προσθέσετε έναν τίτλο στη συλλογή . Οδηγίες
Βασικές Gallery
Η 1
Πληκτρολογήστε τον ακόλουθο κώδικα για να δημιουργήσετε τη βασική ιστοσελίδα XHTML : Πληκτρολογήστε την αρχή και το τέλος ετικέτες από τις αρχές και τελειώνει .
Η 3 Προσθέστε την σειρά του πίνακα αρχίζουν και τελειώνουν ετικέτες . Πληκτρολογήστε τους μεταξύ του αρχικού και τελικού
tags :
Η 4 Προσθέστε τις ετικέτες δεδομένων και πίνακα αντιστοιχίας μεταξύ της
tags . Αυτό θα είναι το πρώτο κελί του πίνακα , καθώς επίσης και η πρώτη στήλη του πίνακα. Το όνομα που θα χρησιμοποιήσετε για αυτό το κύτταρο είναι μία στήλη , σειρά, τη μία . |
5 Προσθέστε πρώτη εικόνα σας, χρησιμοποιώντας την ετικέτα ![]()
, όπως εμφανίζονται : 
Επεξήγηση : Η ετικέτα ![]()
απαιτεί δύο χαρακτηριστικά για να είναι συμβατό με τρέχουσα web - πρότυπα κωδικοποίησης : το src ( πηγή ) χαρακτηριστικό , που δείχνει άμεσα στο σημείο όπου είναι αποθηκευμένο το αρχείο στον server σας , και το ύψος ( κείμενο αναπληρωματικών ) χαρακτηριστικό , το οποίο περιγράφει τα γραφικά σε άτομα με προβλήματα όρασης . Η ετικέτα ![]()
δεν έχει ετικέτα τέλους , έτσι το διαχωρισμό του τελευταίου χαρακτήρα με ένα διάστημα , στη συνέχεια, μια κάθετος και στη συνέχεια το μεγαλύτερο από sign.Note : Για λόγους επίδειξης , θα πρέπει να χρησιμοποιούν μια σειρά από γεωμετρικά γραφικών .
Η 6
Μετά το τέλος του πίνακα ετικέτα δεδομένων , ( ) , πατήστε " Enter" και να προσθέσετε ένα άλλο ζευγάρι των
| tags . Αυτό θα είναι δεύτερη στήλη , γραμμή ένα . |
Η 7 Προσθέστε δεύτερη εικόνα σας μεταξύ των
| ετικέτες , βεβαιωθείτε ότι έχετε να θυμάστε τα δύο απαιτούμενα χαρακτηριστικά , src και alt . 
8 Προσθέστε ένα τρίτο ζεύγος
<;/td > ετικέτες , μαζί με σας " ![]() " ετικέτα . Αυτό θα είναι τρία στήλη , σειρά, τη μία . |  |
Η 9 Προσθήκη ένα τέταρτο ζεύγος
| tags , μαζί με την ετικέτα εικόνας σας . Αυτό θα είναι τέσσερις στήλη , γραμμή ένα .  |
Η 10 Αποθήκευση και να ανεβάσετε το έγγραφο σας . Θα πρέπει να μοιάζει με το συνημμένο γραφικό
11
Πληκτρολογήστε ένα δεύτερο ζεύγος
ετικέτες μετά τον πίνακα τέλος σειράς ετικέτα και πριν από την ετικέτα τέλους για το τραπέζι , όπως φαίνεται . :
Η 12 Μεταξύ του δεύτερου ζεύγους
tags , τύπος τέσσερα ζευγάρια tags , όπως φαίνεται : | | | | Αυτά Οι ετικέτες θα είναι στήλες ένα έως τέσσερα , σειρά δύο .
Η 13 Πληκτρολογήστε ένα ζευγάρι τολμηρές ετικέτες ανάμεσα σε κάθε αρχή και τέλος, " τα δεδομένα του πίνακα " ετικέτες , όπως
14
Πληκτρολογήστε τους πλάγιους ετικέτες ( ) μεταξύ των τολμηρές ετικέτες , όπως
15
Πληκτρολογήστε τον τίτλο της κάθε γραφικό ανάμεσα στις ετικέτες με πλάγιους χαρακτήρες . Αποθηκεύστε και να ανεβάσετε το αρχείο σας .
Εικόνων Format Gallery
16
Πληκτρολογήστε την αρχή " κέντρο " tag από την αρχή " σώμα " ετικέτα και την αρχή " τραπέζι " ετικέτα , όπως εμφανίζονται :
Η 17 Πληκτρολογήστε το τέλος " κέντρο " tag μεταξύ του τέλους " τραπέζι " ετικέτα και στο τέλος "σώμα" ετικέτα , όπως φαίνεται παρακάτω: <;/table> Επεξήγηση : . Οι " κέντρο " ετικέτες θα επικεντρωθεί οριζόντια τον πίνακα στη σελίδα 18
Η
Πληκτρολογήστε την ακόλουθη ιδιότητα μέσα στην αρχή " τραπέζι " ετικέτα για να δημιουργήσετε τα σύνορα γύρω από το τραπέζι και γύρω από κάθε κελί μέσα στον πίνακα , όπως φαίνεται :
ο πίνακας θα πρέπει να μοιάζει με το συνημμένο γραφικό
Η 19 Πληκτρολογήστε το . ακόλουθα μεταξύ του <πίνακας border = " 1 " ετικέτα και τη γραμμή ετικέτα πίνακα αρχή :
th- colspan="4"> Γκαλερί μου
Επεξήγηση : Η κεφαλίδα του πίνακα , ή | tags , χρησιμοποιούνται για να δημιουργήσουν ένα κελί όπου το κείμενο επικεντρώνεται και τολμηρές . Η " πλάτοςστήλης " χαρακτηριστικό δημιουργεί ένα μεγάλο κύτταρο, το οποίο είναι , στην προκειμένη περίπτωση , τέσσερις στήλες καιρό , όπως υποδεικνύεται από τον αριθμό τέσσερα μέσα σε εισαγωγικά .
20 Πληκτρολογήστε το
τίτλο ετικέτες γύρω από τις λέξεις "Γκαλερί Μου" να κάνει τον τίτλο της συλλογής ξεχωρίζουν : th- colspan="4"> Γκαλερί μου
?
Η 21 σώσει και να ανεβάσετε το αρχείο σας στον κεντρικό υπολογιστή σας . Gallery θα πρέπει να μοιάζει με το συνημμένο .
Η
εικόνων
Προγραμματισμός Υπολογιστών Γλώσσες