Οι πίνακες HTML χρησιμοποιούνται για την υποδιαίρεση μιας ιστοσελίδας σε οργανωμένες μονάδες . Όταν χρησιμοποιείτε πίνακες για τη διάταξη της σελίδας , μπορεί να είναι απαραίτητο για να γεννήσουν ένα τραπέζι μέσα σε έναν πίνακα . Μια κατάσταση που απαιτεί για τη διαδικασία αυτή είναι ένας πίνακας πλοήγησης μέσα σε ένα κελί ενός πίνακα διάταξης σελίδας . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου , όπως SourceEdit
λογισμικό ανέβασμα του εγγράφου , όπως FileZilla
Server χώρο
Η Εμφάνιση Περισσότερες οδηγίες
Page Layout
Η 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
Τύπος " ένθετου πίνακα Navigation Page " μεταξύ του
< /title> tags , όπως φαίνεται : <title> ένθετου πίνακα πλοήγησης Σελίδα < /title> <br> Η < br > 3 <p> Πληκτρολογήστε το <table> < /table> ετικέτες μεταξύ των <body> < /body> tags , δίνουν την αρχή <table> ετικέτα το χαρακτηριστικό «σύνορα» και να το θέσει ίση με " 1 ". <table border="1"> < /table> <br> Η 4 <p> Προσθέστε τρία ζεύγη " γραμμής πίνακα "ετικέτες ανάμεσα στην αρχή και το τέλος <table> < /table> tags . Προσθέστε ένα ζεύγος " πίνακα δεδομένων " ετικέτες στις γραμμές 1 και 2 και τρία ζεύγη " πίνακα δεδομένων " ετικέτες με τη σειρά 3 . Στη συνέχεια, προσθέστε το χαρακτηριστικό " πλάτοςστήλης " και να το θέσει ίσο με το " 3 " μέσα "δεδομένα του πίνακα " ετικέτες στις γραμμές 1 και 2 , όπως φαίνεται παρακάτω: <tr> <td colspan="3"> < /td > < /tr> < td Φτηνές 5 <p> Προσθέστε το χαρακτηριστικό " πλάτος" και να το θέσει ίσο με το «100 % » , προκειμένου να διευρύνει το μέγεθος του πίνακα με το πλάτος της σελίδας : < πίνακας border = " 1 " width = " 100 % " > <br> Η 6 <p> Προσθέστε κάποιο περιεχόμενο μεταξύ των " πίνακα δεδομένων "ετικέτες στις σειρές 1 και 3 , προκειμένου να επεκτείνει τον πίνακα με το ύψος της σελίδας . <tr> < td colspan = " 3 " > <h1> ένθετους πίνακες < /h1 > < /td > < /tr> <td colspan="3"> < /td > < /tr > < ? tr > <td> <h2> Τμήμα περιεχόμενο Ένα < /h2 > < /td > <td> <h2> Τμήμα Content Δύο < /h2 > < /td > <td> <h2> ? Τμήμα Content Τρεις < /h2 > < /td > < /tr > <br> Η <p> 7 Αποθηκεύστε το έγγραφο ως «φωλιασμένη - tables.html " και ανεβάστε το στο server σας . Η συνημμένη εικόνα είναι το πώς φαίνεται η σελίδα μέχρι στιγμής . <br> Εικόνων Φωλιά Πλοήγηση Πίνακας <br> 8 <p> Πληκτρολογήστε την αρχή και το τέλος " τραπέζι " ετικέτες μεταξύ των " δεδομένα του πίνακα " ετικέτες γραμμή 2 , όπως φαίνεται : <tr> <td colspan="3"> <table> < /table> < /td > < /tr > <br> Η 9 <p> Προσθήκη οι δύο " γραμμή του πίνακα " ετικέτες μεταξύ του αρχικού και τελικού " τραπέζι " ετικέτες στη γραμμή 2 : <tr> < td <br> 10 <p> Προσθέστε πέντε ζευγάρια " πίνακα δεδομένων " ετικέτες μεταξύ κάθε ζεύγους των « γραμμής πίνακα " ετικέτες , όπως φαίνεται : <tr> < td <br> 11 <p> Τύπος " Page One" μέσω " Page Πέντε " ανάμεσα στην πρώτη γραμμή του " πίνακα δεδομένων " ετικέτες , και το " Page Six" μέσα " Page Δέκα " μέσω της δεύτερης σειράς " δεδομένα του πίνακα " ετικέτες . Αυτό θα βοηθήσει να συμπληρώσετε το χώρο για να αποδειχθεί η δομή του ένθετου πίνακα . <tr> <td> Page One < /td > <td> Page Δύο < /td > <td> Page Τρεις < /td > <td> Page Τέσσερις < /td > <td> Page Πέντε < /td > < /tr> <td> Page Six < /td > <td> Page Επτά < /td > < ? td > Page Eight < /td > <td> Page Εννέα < /td > <td> Page Δέκα < /td > < /tr > <br> Η 12 <p> Προσθέστε τα χαρακτηριστικά πλάτους και σύνορα στην αρχή " τραπέζι " ετικέτα στη γραμμή του πίνακα της διάταξης σελίδας 2 , τον καθορισμό του " πλάτους " ίσο με " 100 % " και το "σύνορο " ίση με "1" : < πίνακας width = " 100 % " border = " 1 " > <br> Η 13 <p> σώσει και να ανεβάσετε το έγγραφο σας . Όπως μπορείτε να δείτε από τη συνημμένη εικόνα , ο πίνακας σχεδίασης σελίδων περιβάλλει τον πίνακα πλοήγησης . Ο πίνακας πλοήγησης φωλιάζει στο εσωτερικό του " πίνακα δεδομένων " ετικέτα της σειράς 2 . <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/88784.html' >Binary Tree Traversal Μέθοδοι </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/computer-programming-languages/88786.html' >Πώς να δημιουργήσετε δυναμικές ιστοσελίδες με PHP </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/88804.html" target="_blank">Πώς να δημιουργήσετε Είσοδος σε HTML </a></li>
<li><a href="http://www.221021.com/Programming/computer-programming-languages/88521.html" target="_blank">Πώς να μετατρέψει Exe να au3 </a></li>
<li><a href="http://www.221021.com/Programming/computer-programming-languages/88742.html" target="_blank">Turbo Pascal Tutorial </a></li>
<li><a href="http://www.221021.com/Programming/computer-programming-languages/87489.html" target="_blank">Δεκαδικά Vs . Τύποι Αριθμός Δεδομένων </a></li>
<li><a href="http://www.221021.com/Programming/computer-programming-languages/280187.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/86928.html" target="_blank">Πώς να δημιουργήσετε μια Παραλλαγή για SM30 </a></li>
<li><a href="http://www.221021.com/Programming/computer-programming-languages/88699.html" target="_blank">Client Server Vs . Web-Based </a></li>
<li><a href="http://www.221021.com/Programming/computer-programming-languages/88503.html" target="_blank">Slide κανόνα υπολογισμού </a></li>
<li><a href="http://www.221021.com/Programming/computer-programming-languages/87888.html" target="_blank">Πώς να κάνω μια Windows Forms App Με Προσαρμοσμένη Χρώματα </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>