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

Αρχική σελίδα Υλικό υπολογιστών Δικτύωση Προγραμματισμός λογισμικό Αντιμετώπιση προβλημάτων Λειτουργικά συστήματα Υπολογιστές
* Γνώση Υπολογιστών >> Προγραμματισμός >  >> Γλώσσες Προγραμματισμού Υπολογιστών

Πώς να δημιουργήσετε ένα HTML Gallery

Μια γκαλερί HTML είναι ένας τρόπος για να αναδείξουν τις φωτογραφίες που έχετε τραβήξει σε καθαρή , οργανωμένη στήλες και γραμμές . Μπορείτε να μοιραστείτε οποιαδήποτε εικόνα ή γραφικό που έχετε στην κατοχή σας , εφ 'όσον το αρχείο επεκτάσεις τους στο τέλος . Gif , . Jpg , . Png ή . TFF . Μάθετε πώς να οικοδομήσουμε μια τέσσερις - στηλών , πίνακας δύο σειρών με τέσσερα γραφικά και τέσσερις τίτλους , το κέντρο του πίνακα στη σελίδα και να προσθέσετε έναν τίτλο στη συλλογή . Οδηγίες
Βασικές Gallery
Η 1

Πληκτρολογήστε τον ακόλουθο κώδικα για να δημιουργήσετε τη βασική ιστοσελίδα XHTML : < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " > < html xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " el " Φτηνές 2

Πληκτρολογήστε την αρχή και το τέλος

< /table> ετικέτες από τις αρχές και τελειώνει < /body> .
< /table>

Η 3

Προσθέστε την σειρά του πίνακα αρχίζουν και τελειώνουν ετικέτες . Πληκτρολογήστε τους μεταξύ του αρχικού και τελικού

< /table> tags : < /tr >
Η 4

Προσθέστε τις ετικέτες δεδομένων και πίνακα αντιστοιχίας μεταξύ της

< /tr > tags . Αυτό θα είναι το πρώτο κελί του πίνακα , καθώς επίσης και η πρώτη στήλη του πίνακα. Το όνομα που θα χρησιμοποιήσετε για αυτό το κύτταρο είναι μία στήλη , σειρά, τη μία . < /tr > ετικέτες μετά τον πίνακα τέλος σειράς ετικέτα και πριν από την ετικέτα τέλους για το τραπέζι , όπως φαίνεται . : < /tr> < /tr > < /table>
Η 12

Μεταξύ του δεύτερου ζεύγους

< /tr > tags , τύπος τέσσερα ζευγάρια < ? td > < /td > tags , όπως φαίνεται :
< /Td >
5

Προσθέστε πρώτη εικόνα σας, χρησιμοποιώντας την ετικέτα , όπως εμφανίζονται : Title της File Επεξήγηση : Η ετικέτα απαιτεί δύο χαρακτηριστικά για να είναι συμβατό με τρέχουσα web - πρότυπα κωδικοποίησης : το src ( πηγή ) χαρακτηριστικό , που δείχνει άμεσα στο σημείο όπου είναι αποθηκευμένο το αρχείο στον server σας , και το ύψος ( κείμενο αναπληρωματικών ) χαρακτηριστικό , το οποίο περιγράφει τα γραφικά σε άτομα με προβλήματα όρασης . Η ετικέτα δεν έχει ετικέτα τέλους , έτσι το διαχωρισμό του τελευταίου χαρακτήρα με ένα διάστημα , στη συνέχεια, μια κάθετος και στη συνέχεια το μεγαλύτερο από sign.Note : Για λόγους επίδειξης , θα πρέπει να χρησιμοποιούν μια σειρά από γεωμετρικά γραφικών .
Η 6

Μετά το τέλος του πίνακα ετικέτα δεδομένων , ( < /td > ) , πατήστε " Enter" και να προσθέσετε ένα άλλο ζευγάρι των

< /td > tags . Αυτό θα είναι δεύτερη στήλη , γραμμή ένα . < /Td >
Η 7

Προσθέστε δεύτερη εικόνα σας μεταξύ των

< /td > ετικέτες , βεβαιωθείτε ότι έχετε να θυμάστε τα δύο απαιτούμενα χαρακτηριστικά , src και alt . Square Graphic
8

Προσθέστε ένα τρίτο ζεύγος

< ;/td > ετικέτες , μαζί με σας " " ετικέτα . Αυτό θα είναι τρία στήλη , σειρά, τη μία . Triangle Graphic < /td >
Η 9

Προσθήκη ένα τέταρτο ζεύγος

< /td > tags , μαζί με την ετικέτα εικόνας σας . Αυτό θα είναι τέσσερις στήλη , γραμμή ένα . Rectangle Graphic < /td >
Η 10

Αποθήκευση και να ανεβάσετε το έγγραφο σας . Θα πρέπει να μοιάζει με το συνημμένο γραφικό

11

Πληκτρολογήστε ένα δεύτερο ζεύγος

< /td > < /td > < /td > < /td > Αυτά Οι ετικέτες θα είναι στήλες ένα έως τέσσερα , σειρά δύο .
Η 13

Πληκτρολογήστε ένα ζευγάρι τολμηρές ετικέτες ανάμεσα σε κάθε αρχή και τέλος, " τα δεδομένα του πίνακα " ετικέτες , όπως
14

Πληκτρολογήστε τους πλάγιους ετικέτες ( < /i > ) μεταξύ των τολμηρές ετικέτες , όπως
15

Πληκτρολογήστε τον τίτλο της κάθε γραφικό ανάμεσα στις ετικέτες με πλάγιους χαρακτήρες . Αποθηκεύστε και να ανεβάσετε το αρχείο σας .
Εικόνων Format Gallery

16

Πληκτρολογήστε την αρχή " κέντρο " tag από την αρχή " σώμα " ετικέτα και την αρχή " τραπέζι " ετικέτα , όπως εμφανίζονται :


Η 17

Πληκτρολογήστε το τέλος " κέντρο " tag μεταξύ του τέλους " τραπέζι " ετικέτα και στο τέλος "σώμα" ετικέτα , όπως φαίνεται παρακάτω: < ;/table> < /center> < /body> Επεξήγηση : . Οι " κέντρο " ετικέτες θα επικεντρωθεί οριζόντια τον πίνακα στη σελίδα 18
Η

Πληκτρολογήστε την ακόλουθη ιδιότητα μέσα στην αρχή " τραπέζι " ετικέτα για να δημιουργήσετε τα σύνορα γύρω από το τραπέζι και γύρω από κάθε κελί μέσα στον πίνακα , όπως φαίνεται :

ο πίνακας θα πρέπει να μοιάζει με το συνημμένο γραφικό
Η 19

Πληκτρολογήστε το . ακόλουθα μεταξύ του < πίνακας border = " 1 " ετικέτα και τη γραμμή ετικέτα πίνακα αρχή :

th- colspan="4"> Γκαλερί μου < /th > < /tr > Επεξήγηση : Η κεφαλίδα του πίνακα , ή th- colspan="4">

Γκαλερί μου < /h1 > < /th> ? < /tr >
Η 21

σώσει και να ανεβάσετε το αρχείο σας στον κεντρικό υπολογιστή σας . Gallery θα πρέπει να μοιάζει με το συνημμένο .
Η
εικόνων

Συναφής σύστασή

Τελευταία άρθρα

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα

< /th> tags , χρησιμοποιούνται για να δημιουργήσουν ένα κελί όπου το κείμενο επικεντρώνεται και τολμηρές . Η " πλάτοςστήλης " χαρακτηριστικό δημιουργεί ένα μεγάλο κύτταρο, το οποίο είναι , στην προκειμένη περίπτωση , τέσσερις στήλες καιρό , όπως υποδεικνύεται από τον αριθμό τέσσερα μέσα σε εισαγωγικά .
20

Πληκτρολογήστε το

< /h1 > τίτλο ετικέτες γύρω από τις λέξεις "Γκαλερί Μου" να κάνει τον τίτλο της συλλογής ξεχωρίζουν :