Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
    		•
    * Dator Kunskap >> Programmering >> Computer Programspråk >> Content

    Hur man skapar en kapslad tabell
    HTML-tabeller används för att dela upp en webbsida till organiserade moduler . När du använder tabeller för layout , kan det vara nödvändigt att kapsla en tabell i en tabell . En situation som kräver denna process är en navigering tabell i en cell i ett layoutprogram tabellen . Saker du behöver
    textredigerare , såsom SourceEdit
    Document uppladdning programvara , såsom FileZilla
    serverutrymme
    Visa fler instruktioner
    Sidlayout
    1

    Skriv in följande kod för att skapa den grundläggande XHTML webbsida : < 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 = " sv " Sida 2

    Type " kapslad tabell Navigation Page " mellan de < /title > taggarna , som visas : <title> kapslad tabell Navigation Sida < /title > <br> <br > 3 <p> ange <table> < /table > taggar mellan <body> < /body > taggarna , ge början <table> taggen attributet " gränsen " och satt det lika med " 1 . " <table border="1"> < /table > <br> 4 <p> Lägg tre par " " tabellraden taggar mellan början och slutet <table> < /table > etiketter. Lägg ett par " tabelldata " taggar på raderna 1 och 2 och tre par " tabelldata " taggar till rad 3 . Lägg sedan till attributet " colspan " och ställ in den lika med " 3 " innanför " tabelldata " taggar i raderna 1 och 2 , som visas : <tr> <td colspan="3"> < /td > < /tr > <tr> < td <br> 5 <p> Lägg attributet " width " och ställa det lika med " 100 % " för att utöka storleken på bordet till bredden på sidan : < table border = " 1 " width = " 100 % " > <br> 6 <p> Lägg till lite innehåll mellan de " tabelldata " taggar i raderna 1 och 3 i syfte att utöka tabellen till höjden på sidan . <tr> < td colspan = " 3 " > <h1> nästlade tabeller < /h1 > < /td > < /tr > <tr> <td colspan="3"> < /td > < /tr > < , tr > <td> <h2> Innehåll avsnitt One < /h2 > < /td > <td> <h2> Innehåll avsnitt två < /h2 > < /td > <td> <h2> , Innehåll avsnitt tre < /h2 > < /td > < /tr > <br> 7 <p> Spara dokumentet som " nested - tables.html " och ladda upp den till din server . Den bifogade bilden är hur sidan ser ut så här långt . Addera Kapslade Navigation Tabell <br> 8 <p> Ange början och slutet "bord" taggar mellan " tabelldata " taggar i rad 2 , som visas : <tr> <td colspan="3"> <table> < /table > < /td > < /tr > <br> 9 <p> Lägg de två " tabellrad " taggar mellan början och slutet "bord" taggar i rad 2 : <tr> < td <br> 10 <p> Lägg fem par " tabelldata " taggar mellan varje par av " tabellrad " etiketter , som visas : <tr> < td <br> 11 <p> Type " Page One " med "Sida Five " mellan den första raden i " tabelldata " taggar , och " Page Six " genom " Page Ten " genom den andra raden i " tabelldata " taggar . Detta kommer att hjälpa till att fylla ut utrymmet att visa strukturen på den kapslade tabellen . <tr> <td> Page One < /td > <td> Sida två < /td > <td> Page Three < /td > <td> Page Four < /td > <td> Sida Five < /td > < /tr > <tr> <td> Page Six < /td > <td> Sida Seven < /td > < ; td > Page Eight < /td > <td> Sida Nine < /td > <td> Sida Ten < /td > < /tr > <br> 12 <p> Tillsätt bredd och gränsar attribut till början " tabellen " tagg i sidlayouten s tabellrad 2 , ställa in " width " lika med " 100 % " och den " gränsen " är lika med " 1 " : < table width = " 100 % " border = " 1 " > <br> 13 <p> Spara och ladda upp ditt dokument . Som du kan se från den bifogade bilden , omger sidan - layouttabellen navigeringen tabellen . Navigeringen tabellen är kapslad inuti " tabelldata " tagg i rad 2 . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88784.html' >Binary Tree passeringslicenser Metoder </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88786.html' >Hur skapa dynamiska webbsidor med PHP </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86631.html" title="Vad är felsökning av skript används för " target="_self">Vad är felsökning av skript används för </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87346.html" title="Bits Vs . Bytes " target="_self">Bits Vs . Bytes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88666.html" title="Hur man skapar en BAT -fil " target="_self">Hur man skapar en BAT -fil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87285.html" title="Hur Trunkera en partition i Oracle " target="_self">Hur Trunkera en partition i Oracle </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86906.html" title="Hur man skapar en Routed Händelse programmässigt " target="_self">Hur man skapar en Routed Händelse programmässigt </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86390.html" title="Hur man skriver yttre beroenden för ett IT-projekt " target="_self">Hur man skriver yttre beroenden för ett IT-projekt </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88515.html" title="HTML Formulär Validering Tutorial " target="_self">HTML Formulär Validering Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86491.html" title="Vad är Python 2.4.3 " target="_self">Vad är Python 2.4.3 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88564.html" title="Hur man lär PLC Programmering " target="_self">Hur man lär PLC Programmering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86905.html" title="Textruta Evenemang med Silverlight " target="_self">Textruta Evenemang med Silverlight </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86945.html" title="Hur dela sessionsvariabler i ColdFusion " target="_self">Hur dela sessionsvariabler i ColdFusion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85299.html" title="Hur till Bädda RESX i CSC Compiler " target="_self">Hur till Bädda RESX i CSC Compiler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91527.html" title="Hur till Redigera skript i PHP MySQL Table " target="_self">Hur till Redigera skript i PHP MySQL Table </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95017.html" title="Hur man skriver ut i Vb.Net " target="_self">Hur man skriver ut i Vb.Net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89920.html" title="Inaktivera ett objekt i en ComboBox i Java " target="_self">Inaktivera ett objekt i en ComboBox i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/93063.html" title="Hur man tar bort cookies Använda PHP " target="_self">Hur man tar bort cookies Använda PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88416.html" title="Hur man spelar ljud i Silverlight " target="_self">Hur man spelar ljud i Silverlight </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91384.html" title="Sendmail Vs. PHP Mail " target="_self">Sendmail Vs. PHP Mail </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85710.html" title="Hur man gör en matris av Strings " target="_self">Hur man gör en matris av Strings </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85798.html" title="Hur man skapar en vektor av tecken arrayer i C + + " target="_self">Hur man skapar en vektor av tecken arrayer i C + + </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>