Πώς να κάνει Στήλες Χρησιμοποιώντας DIV Ετικέτες

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

Προσθέστε τον κώδικα « < div style = " " για κάθε ξεχωριστή γραμμή των στηλών . Αυτό εξηγεί το σκοπό του αρχικού κώδικα . 2

Τοποθετήστε τις ύψος, πλάτος και συνοριακών pixels . Ο κωδικός θα εμφανιστεί μέχρι στιγμής ως " < div style = " height: 550px ? Width : 220px ? Σύνορα : 3px " Αν δεν θέλετε ένα περίγραμμα γύρω από τη στήλη σου , που τα σύνορα pixel στο μηδέν
Η . Φτηνές 3

Ρυθμίστε το χρώμα του περιγράμματος . Μπορείτε να χρησιμοποιήσετε τα ίδια ή διαφορετικά χρώματα . Χρησιμοποιήστε το "Solid" ή "Double " για το είδος των συνόρων . Ο κωδικός σας θα είναι τώρα παρόμοια με " < div style = " height: 550px ? Width : 220px ? Σύνορα : 3px στερεό μαύρο? "
Η 4

Προσθέστε την ευθυγράμμιση . Το " Float" εντολή επιτρέπει επιπλέον στήλες για την ευθυγράμμιση δίπλα στην πρώτη στήλη . Εισαγωγή " float : ( κατεύθυνση ) ? " Για την ετικέτα ευθυγράμμιση DIV . Ο κωδικός μέχρι αυτό το σημείο είναι " < div style = " height: 550px ? Width : 220px ? Σύνορα : 3px στερεό μαύρο? Float : αριστερά? "
5

Τέλος το tag DIV . Κλείστε τον κώδικα με " ' > ", τότε κλείσει με < /div > . Για παράδειγμα , το σύνολο κώδικας είναι σε αυτή τη μορφή "