HTML- tabellen worden gebruikt om een webpagina te verdelen in georganiseerde modules maken . Bij gebruik van tabellen voor pagina-indeling, kan het nodig zijn nest een tabel in een tabel . Een situatie die vraagt om dit proces is een navigatie- tafel in een cel van een pagina - indeling tafel . Wat je nodig hebt
tekst editor , zoals SourceEdit
Document uploaden van software , zoals FileZilla Server
ruimte
Toon Meer Aanwijzingen | Page Layout
1 Typ de volgende code aan de basis XHTML webpagina te creëren : < 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 = " nl "
Type " Geneste tabel Navigatie Pagina " 2 tussen de < /title > -tags , zoals : <title> geneste tabel Navigatie pagina < /title > <br> < br 3 <p> type> de <table> < /table > -tags tussen de <body> < /body > -tags , geef het begin <table> tag het attribuut " grens " en zet deze gelijk is aan " 1 . " <table border="1"> < /table > <br> 4 <p> In drie paren " tabelrij " labels tussen het begin en het einde <table> < /table > tags. Voeg een paar van " table data " tags om rijen 1 en 2 en drie paar " table data " -tags aan rij 3 . Voeg vervolgens het attribuut " colspan " en zet deze gelijk is aan " 3 " in het " tabelgegevens " tags in rijen 1 en 2 , zoals weergegeven : <td colspan="3"> < /td > < /tr> <tr> < td Goedkope 5 <p> Voeg het attribuut "width " en zet deze gelijk aan " 100 % " , om de grootte van de tafel uit te breiden naar de breedte van de pagina : < table border = " 1 " width = " 100 % " > <br> 6 <p> Voeg wat inhoud tussen de " table data " tags in rijen 1 en 3 om de tafel uit te breiden naar de hoogte van de pagina . <tr> < td colspan = " 3 " > <h1> geneste tabellen < /h1 > < /td > < /tr> <td colspan="3"> < /td > < /tr> < ; tr> <td> <h2> Content Section One < /h2 > < /td > <td> <h2> Content Sectie Twee < /h2 > < /td > <td> <h2> , Content Sectie Drie < /h2 > < /td > < /tr> <br> 7 <p> uw document opslaan als " nested - tables.html " en deze uploaden naar uw server . De bijgevoegde afbeelding is hoe de pagina eruit ziet tot nu toe . <br> Genest Navigatie Tafel <br> <p> Type 8 het begin en het einde " tafel " -tags tussen de " table data " tags in rij 2 , zoals weergegeven : <td colspan="3"> <table> < /table > < /td > < /tr> <br> 9 <p> toevoegen de twee ' tabelrij ' tags tussen begin en einde " tafel " tags in rij 2 : <tr> < td <br> 10 <p> In vijf paren van " table data " -tags tussen elk paar " tabelrij " labels , zoals weergegeven : <tr> < td <br> 11 <p> Type " Page One " via "Pagina Five" in tussen de eerste rij van " table data " -tags , en "Pagina Zes " via "Pagina Tien " door de tweede rij van " table data " tags. Dit zal helpen invullen van de ruimte om de structuur van de geneste tabel . <tr> <td> Page One < /td > <td> Pagina Twee < /td > <td> Pagina Drie < /td > tonen <td> Pagina Vier < /td > <td> Pagina Five < /td > < /tr> <tr> <td> Pagina Zes < /td > <td> Pagina Zeven < /td > < ; td > Pagina Acht < /td > <td> Pagina Negen < /td > <td> Pagina Tien < /td > < /tr> <br> 12 <p> In de breedte en de grens attributen aan het begin " tafel " tag in de pagina-indeling van de tabel rij 2 , het instellen van de "width " gelijk aan " 100 % " en de " grens " gelijk aan " 1 " : < table width = " 100 % " border = " 1 " > <br> 13 <p> Opslaan en upload uw document . Zoals je kunt zien op de bijgevoegde afbeelding , de pagina - indeling tafel omringt de navigatie tafel . De navigatie- tafel is genest in de ' table data " tag van rij 2 . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/computer-programming-languages/201309/88784.html' >Binary Tree Traversal Methoden </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/computer-programming-languages/201309/88786.html' >Hoe om dynamische webpagina's te creëren met PHP </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Computer Programming Languages</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88678.html" title="Wat zijn CSS Templates ? " target="_self">Wat zijn CSS Templates ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86779.html" title="Wat zijn SGML kenmerken ? " target="_self">Wat zijn SGML kenmerken ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87373.html" title="Hoe maak je verbinding een keuzelijst een Datagrid " target="_self">Hoe maak je verbinding een keu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88046.html" title="Hoe je vertrouwde Data Access-pagina's maken " target="_self">Hoe je vertrouwde Data Access-…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86712.html" title="Hoe te Protection 555 Override " target="_self">Hoe te Protection 555 Override…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86834.html" title="Hoe maak je een consistente Trace systeem gebruiken voor eenvoudiger Debuggen " target="_self">Hoe maak je een consistente Tr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88735.html" title="Hoe maak XSD " target="_self">Hoe maak XSD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88806.html" title="CSS Afbeelding Rollover Effect " target="_self">CSS Afbeelding Rollover Effect…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87529.html" title="Hoe de LINQ verhogen om SQL Timeout " target="_self">Hoe de LINQ verhogen om SQL Ti…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95900.html" title="Hoe te xls-bestand Lees Vb " target="_self">Hoe te xls-bestand Lees Vb </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86879.html" title="Hoe de objecten Serialize in . NET Remoting " target="_self">Hoe de objecten Serialize in . NET Remot…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96525.html" title="Hoe te Artikelen toevoegen aan een Dropdown /ComboBox in VB.net " target="_self">Hoe te Artikelen toevoegen aan een Dropd…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92157.html" title="Hoe kan ik een MySQL -server met behulp van een Command Line Client gebruiken " target="_self">Hoe kan ik een MySQL -server met behulp …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91378.html" title="PHP Class var Functie " target="_self">PHP Class var Functie </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94494.html" title="Hoe maak je een JPEG behulp van Visual Basic 2010 Express & ImageDraw Creëren " target="_self">Hoe maak je een JPEG behulp van Visual B…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94358.html" title="Hoe te VBA prestaties in Word Verbeter " target="_self">Hoe te VBA prestaties in Word Verbeter </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86952.html" title="Hoe vindt Wanneer een UIImage is gepositioneerd in een UIImageView " target="_self">Hoe vindt Wanneer een UIImage is geposit…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89552.html" title="Hoe kan ik items Into een winkelwagen in JSP " target="_self">Hoe kan ik items Into een winkelwagen in…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
